Figma Launches Code Layers, Native Motion Timeline and AI Plugin Builder at Config 2026

What happened

At Config 2026 on June 24, Figma revealed multiple AI features: Code Layers (cloning repos and mapping code to design directly on the canvas), a native motion timeline with 3D transforms, an AI-powered plugin builder, shader fills, and external connectors to Notion, Granola, Excel, and GitHub for its Figma agent.

Context and impact

Figma is explicitly positioning against Vercel v0 and Cursor — it wants to own the entire design-to-code flow. Code Layers lets teams extract flows directly from code and map them onto design without leaving Figma. The natural-language plugin builder replaces traditional plugin API coding.

Details

• Code Layers: repo cloning, flow extraction from code, mapping to layers
• New timeline with keyframes, presets, transitions, 3D transforms
• Natural-language plugin generation
• AI Skills: define repeatable agent tasks via prompts
• Connectors to Notion, Granola, Excel, GitHub for the Figma agent