Figma Unveils AI-Powered Design and Code Integrations
- •Figma introduces Claude Code integration, allowing production code to be converted into editable design layouts.
- •Google's Gemini 3 Pro and Nano Banana Pro models integrated to enhance AI prototyping features.
- •New AI-driven Vectorize tool converts raster images into scalable, editable vector graphics with one click.
Figma is undergoing a massive transformation, shifting from a pure design canvas to an integrated ecosystem where code and visual assets live side-by-side. The most striking update is the introduction of a feature bridging the gap between developers and designers by converting production code directly into editable Figma designs using Claude Code. This workflow allows teams to maintain a single source of truth, ensuring that what is built in code remains perfectly aligned with the design files.
Beyond code integration, Figma has bolstered its creative suite with powerful generative models. By integrating Google’s Gemini 3 Pro and Nano Banana Pro into its prototyping suite, the platform now offers enhanced capabilities that allow for rapid style explorations without losing brand context. Additionally, a new tool called Vectorize uses AI to solve a long-standing designer headache: converting static raster images, like JPEGs, into flexible vector paths that can be scaled and edited infinitely without losing quality.
Under the hood, Figma is optimizing for the high performance required by these AI features. The engineering team has migrated to a WebGPU-based renderer to unlock faster processing and implemented memory optimizations using the Rust programming language to handle increasingly complex files. To power its AI-driven search, Figma now indexes billions of embeddings—mathematical representations of visual data—allowing users to find assets across massive design systems with unprecedented speed and accuracy.