# Figma adds code layers, support for animations, more AI features in new update

Published: 2026-06-24 · Updated: 2026-06-24 · Category: Product Launch

Source page: https://www.sipply.dev/story/figma-adds-code-layers-support-for-animations-more-ai-3540d08e · 中文: https://www.sipply.dev/zh/story/figma-adds-code-layers-support-for-animations-more-ai-3540d08e

## Summary

Figma has launched a significant update that introduces several new features aimed at enhancing the design workflow. The update includes code layers, which allow designers to integrate code directly into their design projects, making it easier to collaborate with engineers. Additionally, the new support for animations enables designers to create more dynamic and engaging prototypes. Enhanced AI features have also been added to streamline the design process further, facilitating rapid iteration and reducing the need for fully polished code before sharing with team members.

## Key takeaways

- Figma's update bridges the gap between design and development with code layers.
- New animation support enhances the interactivity of design prototypes.
- AI features are integrated to improve workflow efficiency for design teams.

## Why it matters

This update signifies a shift towards more integrated design and development processes, allowing teams to work more collaboratively and efficiently. As design tools evolve, they increasingly support the needs of cross-functional teams.

- **Product managers:** For product managers, this update provides a powerful tool to streamline communication between design and engineering, facilitating faster iterations and reducing time to market.
- **Developers:** Developers can benefit from the new code layers, allowing them to better understand design intentions and collaborate more effectively with designers, ultimately leading to smoother project execution.
- **Students and job seekers:** Students and job-seekers can gain valuable skills by learning to use Figma's new features, positioning themselves as versatile candidates who can bridge the gap between design and development.

## Sources

- [Figma adds code layers, support for animations, more AI features in new update](https://techcrunch.com/2026/06/24/figma-adds-code-layers-support-for-animations-more-ai-features-in-new-update) (TechCrunch AI, 2026-06-24)

## 中文

### Figma在新更新中增加代码层、动画支持及更多AI功能

Figma推出了一项重要更新，引入了多项新功能，旨在增强设计工作流程。该更新包括代码层，使设计师能够将代码直接集成到设计项目中，从而更容易与工程师协作。此外，新增加的动画支持使设计师能够创建更具动态性和吸引力的原型。增强的AI功能也被添加，以进一步简化设计过程，促进快速迭代，并减少在与团队成员共享之前对完全打磨代码的需求。

**要点：**

- Figma的更新通过代码层弥合了设计与开发之间的差距。
- 新的动画支持增强了设计原型的互动性。
- 集成的AI功能提高了设计团队的工作效率。

**为什么重要：** 此更新标志着设计与开发流程更加集成的转变，使团队能够更协作和高效地工作。随着设计工具的发展，它们越来越支持跨职能团队的需求。

---
Sipply: Sip AI News Simply. https://www.sipply.dev