Figma is integrating AI agents directly into its design canvas to generate code, animations, and visual assets. The update shifts the platform from a static mockup tool into a full-stack environment where product teams can build production-ready components without leaving the design file.
Generating code and visual assets
Figma co-founder and CEO Dylan Field said the company wants to move beyond static design elements. The new canvas allows designers to prompt AI to generate code snippets and visual assets directly within the workspace. During a demonstration, the company showed how a user could upload a CSV file and ask the AI to generate a multi-series area chart.
Figma also introduced Figma Motion, a feature for creating animations and transitions inside the tool. The platform is building code generation capabilities directly from these design elements. Field said the underlying AI tools are model-agnostic, letting users switch between different AI models as the technology changes. Product teams adopting these workflows must adapt to a faster build cycle, a shift covered in resources on AI for Product Development.
Building custom AI agents
The update allows designers to build their own AI tools and workflows. Figma is adding support for custom AI agents and shaders within the platform. Field said the company expects designers to build more future software, and Figma wants to provide the environment for that work.
Professionals wanting to upskill in these new visual creation methods can explore AI Design Courses to learn the underlying mechanics. These custom tools allow teams to create more complex and interactive prototypes directly in the browser.
Why this matters for product development
Product managers and engineers must prepare for a shorter handoff process. When designers generate production-ready code and interactive prototypes directly in Figma, the traditional gap between design and engineering shrinks. Development teams will need to adjust their review and integration pipelines to handle AI-generated code and assets originating from the design file rather than a separate codebase.
Your membership also unlocks:
