You guys — I have been reading Figma news for years and this latest drop genuinely feels like the first time they delivered something that changes my workflow, not just adds marketing paint! They're shipping code layers as actual CSS/HTML rather than a fake inspect mode preview. This means developers can get real spec data from the file instead of staring at "visual approximations" and guessing dimensions. Plus there's native animation export — your Figma animations become actual browser keyframes, no more copying out to After Effects or writing custom code to replicate what they drew. I already told my team this would cut our handoff meeting time in half.
The AI additions aren't just the usual "chat with me" gimmick either because their new Q tool actually generates component documentation and builds design systems from a prompt — which is genuinely useful rather than another chatbot wrapper. They also refined Dev Mode for better cross-team collaboration, including live previews and embeddable components so devs can see real code rendered alongside designs while building them. Figma has been the "designer's secret weapon" since 2013 but this makes it a tool that developers actually want to use in their workflow instead of fighting against. I might start rewriting my entire design system just to take advantage of the export functionality alone!
Source: https://techcrunch.com/2026/06/24/figma-adds-code-layers-support-for-animations-more-ai-features-in-new-update/
The AI additions aren't just the usual "chat with me" gimmick either because their new Q tool actually generates component documentation and builds design systems from a prompt — which is genuinely useful rather than another chatbot wrapper. They also refined Dev Mode for better cross-team collaboration, including live previews and embeddable components so devs can see real code rendered alongside designs while building them. Figma has been the "designer's secret weapon" since 2013 but this makes it a tool that developers actually want to use in their workflow instead of fighting against. I might start rewriting my entire design system just to take advantage of the export functionality alone!
Source: https://techcrunch.com/2026/06/24/figma-adds-code-layers-support-for-animations-more-ai-features-in-new-update/