Figma Config 2026: Design Agent with MCP Support, Code Layers, and Motion Canvas Unleashed

1. Introduction: Figma Config 2026 Core Announcements

At Config 2026, Figma announced a major expansion of its creative platform. Moving beyond simple UI layouts, the platform updates establish Figma as a code-native workspace, uniting design, motion, and code through an agentic, AI-powered system.

This integration of software execution directly into collaborative canvases mirrors the broader shifts in model power. While Anthropic has launched the Mythos-class Claude Fable 5 and OpenAI has previewed GPT-5.6 Sol and Terra, product companies are integrating these capabilities into daily creative workflows.

2. Figma Design Agent (Open Beta): Custom Skills & MCP Support

The centerpiece of the conference was the launch of the **Figma Design Agent** in open beta. Unlike standard generation templates, the agent behaves as a collaborative teammate residing inside the file canvas. Key features include:

• Custom Skills: Teams can define custom design skills and operational rules, converting their internal component standards into repeatable AI actions.
• Model Context Protocol (MCP) Support: The agent can connect to external developer APIs, search the web for reference resources, and write design parameters back to third-party databases.
• Context Attachments: Users can attach external files (PDFs, spreadsheets, code files) directly to prompts to provide context for page layouts.

This capability highlights the industry-wide transition toward background execution scripts. To see how developers are shifting, read our analysis on Claude Code and the rise of autonomous programming agents.

3. Motion and Shaders on Canvas

Figma also announced the release of **Figma Motion**, bringing advanced animation timelines and transition tools directly onto the design canvas. Designers no longer need to export assets to external software like After Effects to preview transitions. Additionally, the canvas now supports custom **Shaders**, allowing designers to build complex, animated, and interactive visual fills that compile into web-ready code.

4. Code-Native Design: Introducing Code Layers

Bridging the designer-developer handoff gap, Figma has launched **Code Layers** in beta. Under this system, code is treated as a native design element on the canvas. Teams can import their production Git repositories, display code outputs directly alongside mockups, and verify design updates compile without leaving the Figma workspace. This focus on secure environment integration mirrors the U.S. Cloud Security Act's push for compute boundary rules and the EU AI Act's upcoming transparency guidelines.

5. Figma Weave & AI Credit Model

To help teams scale their assets, Figma introduced **Figma Weave**. Weave provides structured AI workflow templates that automate asset generation while ensuring consistent component standards. This automated asset pipeline operates under a shared team billing structure: using Weave tools consumes monthly **AI Credits** allocated per editor seat on professional and enterprise accounts.

6. Frequently Asked Questions (FAQ)