Generate diagrams and better code from Figma context
The Figma MCP server helps you pull in Figma context and generate high-quality code that aligns with your codebase and design intent. Use the MCP server to retrieve code resources from Figma Design or Make files, and turn your ideas into production apps. More
MCP connector Server URL https://mcp.figma.com/mcpCopy Login OAuth Tools Reads data26 download_ export_ get_ get_ get_ get_ get_ get_ get_ get_ get_ get_ get_ get_ list_ list_ list_ open_ open_ search_ weave_ weave_ weave_ weave_ weave_ whoami
Changes data14 add_ authorize_ create_ create_ create_ create_ generate_ generate_ generate_ send_ upload_ weave_ weave_ weave_
Deletes or can't be undone6 generate_ send_ update_ update_ use_ weave_
Skills 16 in the ChatGPT listing
Figma code connect Creates and maintains Figma Code Connect template files that map Figma components to code snippets. Figma code workflows Import or upload local HTML or project files into Figma, choose editable Design frames, runnable Code Layers or standalone Code (also known as Make), and repair imported previews. Figma create new file Always use this skill when the user wants to create a new Figma Design, FigJam, or Slides file. Figma design to code MANDATORY prerequisite — you MUST invoke this skill BEFORE calling the `get_design_context` Figma MCP tool. Figma generate design Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Figma generate diagram MANDATORY prerequisite — load this skill BEFORE every `generate_diagram` tool call. Figma generate library Build or update a professional-grade design system in Figma from a codebase. Figma generative plugins MANDATORY prerequisite — load this skill before calling `create_generative_plugin` or `update_generative_plugin`. Figma implement motion Translates Figma motion and animations into production-ready application code. Figma shaders MANDATORY prerequisite — load this skill before calling `create_shader` or `update_shader`. Figma spec This skill is required to create, read, edit, review, or comment on Figma specs. Figma swiftui SwiftUI ↔ Figma translation. Figma use MANDATORY prerequisite — you MUST invoke this skill BEFORE every `use_figma` tool call. Figma use figjam This skill helps agents use Figma's use_figma MCP tool in the FigJam context. Figma use motion Motion / animation context for the `use_figma` MCP tool — animating Figma nodes via manual keyframes, animation styles, easing, and timeline duration. Figma use slides This skill helps agents use Figma's use_figma MCP tool in the Slides context. 
Gamma#23
Lucid#32
Webflow#68
MCP Server For WordPress#52