Skip to content
All tool news

Tool desk · Updated daily

Tool news·Figma·

Figma Expands MCP Server Integration With Five New AI Code Editors.

Figma adds Cursor, Warp, Factory AI, Augment Code, and Firebender to its Model Context Protocol server, expanding code-to-canvas workflows.

CW

Create With tool desk

1 source checked · 3 min read · 2 sections

ShareLinkedIn
Figma Expands MCP Server Integration With Five New AI Code Editors

Figma has expanded its Model Context Protocol server to support five additional AI-powered code editors, broadening the bridge between design files and development environments.

The design platform announced on LinkedIn that Cursor, Warp, Factory AI, Augment Code, and Firebender now integrate with its MCP server. The additions follow Figma's recent beta launch of AI agents that can design directly on canvas, signaling a broader push to embed agentic workflows across the platform.

What the MCP Server Does

The Figma MCP server acts as a standardized protocol that lets AI coding assistants read and write to Figma files directly from within code editors. Developers can query design tokens, component properties, or layout constraints without leaving their IDE, and AI agents can generate or update Figma designs based on code changes or natural language prompts.

MCP, or Model Context Protocol, is an open standard developed by Anthropic to give large language models structured access to external data sources. By implementing an MCP server, Figma enables any MCP-compatible tool to interact with its API in a consistent, context-aware manner.

The latest integrations target a mix of established and emerging AI code editors. Cursor, a VS Code fork with built-in AI pair programming, has gained traction among independent developers building products with AI-first workflows. Warp, a Rust-based terminal with AI command suggestions, appeals to developers who want design context without switching windows. Factory AI, Augment Code, and Firebender represent newer entrants focused on autonomous code generation and agentic development patterns.

Why This Matters for Builders

For solo founders and small teams using AI code editors to ship products faster, the expanded MCP support means tighter feedback loops between design and implementation. A developer working in Cursor can now ask an AI agent to "update the primary button color to match the Figma design system" without manually exporting tokens or checking style guides. The agent queries Figma directly via MCP, retrieves the correct hex value, and updates the code.

This is particularly relevant for teams already using Claude or other LLMs that natively support MCP. As we previously covered, tools like Claude's Artifacts and Figma Make are converging on similar use cases: generating production-ready UI from prompts. MCP server support makes these workflows more robust by grounding AI outputs in actual design files rather than hallucinated approximations.

The MCP catalog, which Figma linked in the announcement, now lists the expanded tool compatibility. Developers can browse supported editors, review setup instructions, and connect their Figma workspaces to start testing the integrations.

Figma's approach mirrors broader trends in NoCode and AI tooling, where platforms expose APIs not just for human developers but for autonomous agents. Lovable, Bolt, and v0 already enable similar code-to-UI workflows, but Figma's enterprise adoption and design system infrastructure give it unique leverage in this space.

The timing aligns with Figma's ongoing effort to position itself as the central source of truth for design systems, not just a prototyping tool. Make Kits, introduced earlier this year, let teams package design system components for reuse across projects. MCP server integration extends that logic into the code layer, ensuring developers and AI agents both reference the same canonical design data.

For now, the expanded MCP support remains opt-in. Teams interested in testing the integrations can visit the MCP catalog to configure their editors and authenticate with Figma. As agentic coding tools mature, expect tighter coupling between design platforms and AI-native IDEs to become standard rather than experimental.

Sources

1 checked

How we cover tool news: Create With's tool desk drafts these reports with AI from the sources listed above and checks them against those sources before publishing.

Worth passing on?

ShareLinkedIn

Go deeper on Figma

Related reading, watching and going.

Everything on Figma →

The briefing

25 Aug 2026

Claude Code + Figma Console MCP: Side-by-Side Flow

How Claude Code + open-source Figma Console MCP creates a side-by-side design flow that draws straight into your Figma file—no credits or rate limits.

Read →

The briefing

21 Apr 2026

Claude Design vs Figma Make vs Google Stitch: AI Design Tested

We tested Claude Design against Figma Make and Google Stitch to see which AI design tool wins. Plus: Buildprint launches for Bubble, Lovable's security issue, and what's new in vibe coding.

Read →

The briefing

17 Mar 2026

Top Tips for Vibe Coding Real Apps with Lovable in 2026

Master Lovable's React and Tailwind approach to vibe coding. Learn strategic prompting, tech stack choices, and community tips for building real apps fast.

Read →
34 min

Podcast

My Daughter Built a Website Business, Claude Design First Look & Going All-In on Cloudflare

James and Kieran discuss practical AI-powered development through real-world examples, including a seven-year-old building a website business with Claude Code voice mode, Anthropic's new Claude Design tool, API security challenges in the AI agent era, and Cloudflare's expanding AI infrastructure offerings. The episode covers hands-on experiences with vibe coding, emerging design tools, and the evolving landscape of AI-assisted development.

Watch now ↗

Tutorial

From Figma design to native mobile app with @karlafernandes and @CreateWithHQ

This hands on session shows how to convert a Figma design into a native mobile app workflow using Bravo Studio with guidance from Karla Fernandes and Create With. Viewers learn the end to end steps from preparing Figma files to mapping components, testing on device, and preparing for release.

Watch now ↗

Latest tool news

What else changed this week.

All tool news

The Create With Briefing

Don't watch forty changelogs. Read one email.

Every Tuesday: the tool changes worth knowing, real business use cases, and what's on near you. Free, unsubscribe any time.