Figma on Wednesday confirmed off an replace that provides a brand new code layer, help for movement and shaders, and the power to create customized plug-ins for varied duties utilizing AI.
The design platform has been engaged on bringing code integration into its software for some time. Final yr, it unveiled an AI prompt-based prototyping software, Figma Make, and has since launched integrations with Claude Code and Codex to enhance the hand-off between coding and design.
The corporate is now including code layers on to the collaborative canvas, serving to groups clone repositories and extract flows from code to design layers for testing.
Figma’s chief product officer, Yuhki Yamashita, mentioned code layers make it simpler for designers, product managers, and programmers to iterate on concepts moderately than deal with creating pristine code that goes into manufacturing.
“We predict the multiplayer canvas is basically highly effective as a result of that is an atmosphere the place you don’t actually care in regards to the high quality of the code. In case you’re quickly exploring or have to form of discover a bunch of recent instructions, you are able to do that on this spatial means. We hope that this function produces completely different habits not simply with designers, but in addition with engineers and PMs,” he mentioned over a name.
Figma now additionally helps animations, transitions, and 3D transforms. Beforehand, designers needed to create animations in different software program and convert it to code that the app may perceive. Now designers can combine animations and transitions straight into Figma.
Now you can use AI to create a few of these belongings, and the replace is including help for including shader results and fills utilizing AI, too.
Final yr, Figma acquired node-based tool Weavy, which helped designers run workflows by means of completely different fashions to check outputs, and is now working to combine the 2 apps higher. In an replace rolling out later within the yr, customers will have the ability to generate Weavy workflows straight inside Figma.
The corporate’s additionally including new abilities to make its AI assistant extra helpful with its collaborative canvas. Customers can now write textual content prompts to create repeatable abilities that AI brokers can use. You can too join instruments like Notion, Granola, Excel, and GitHub, or connect information to offer the AI bot extra context about what you need it to do.
The corporate can also be including a function to assist customers create customized plug-ins, like format mills or vector path tracers, with prompts.
While you buy by means of hyperlinks in our articles, we may earn a small commission. This doesn’t have an effect on our editorial independence.
