GitHub
Start free
Dashboard
Start freeSign inDashboard

Figma

Official Figma MCP server and skills for design-to-code workflows. Read design context from Figma files, implement designs, use Code Connect, write to the canvas, and generate Figma designs from web pages.

Overview

Figma is a browser-based collaborative interface design tool. This integration allows access to and processing of Figma design files and resources.

Plans and limits

  1. FreeNot included
  2. MCP only ($9/mo)2,000 calls a month
  3. Pro20,000 calls a month
  4. Max20,000 calls a month
How calls are counted

Calls are shared by every catalog app in the workspace. Past the monthly number they keep working from AI credits at $0.90 per 1,000 calls; the count resets on the 1st (UTC) and a retried call counts once.

Figma questions

How do I connect Figma to Krypton?

Open Integrations in Krypton, find Figma and choose Sign in. Every bot in the workspace can then use it, and you choose which bots get which apps.

Which plan includes Figma?

MCP only with 2,000 calls a month, Pro and Max with 20,000. Calls are shared by every catalog app in the workspace. Past the monthly number they keep working from AI credits at $0.90 per 1,000 calls; the count resets on the 1st (UTC) and a retried call counts once.

Can I use Figma from Claude or Cursor?

Yes. Connect it in your workspace, then add https://mcp.krypton.bot as a streamable HTTP MCP server with your kmcp_ workspace key. Calls count toward the same monthly number.

Tools

With an API key, your bot gets these 11 tools. Signing in uses Figma's own MCP server and the tools it offers. Either way, the bot asks before anything hard to undo.

  • Get commentsRetrieves all comments from a Figma file, including their content and author information
  • Get componentRetrieves a specific component node from a Figma file based on the given file key and node ID.…
  • Get fileRetrieves the document structure of a Figma file based on the given file key
  • Get file component setsReturns a list of component sets in a file
  • Get file nodesRetrieves the nodes present in a Figma file based on the given file key and node IDs
  • Get file versionsRetrieves the version history of a Figma file based on the given file key
  • Get imageRetrieves images rendered from a Figma file based on the given file key and node IDs
  • Get image fillsReturns download links for all images present in image fills in a document
  • Get project filesLists the files in a given project based on the project ID
  • Get styleRetrieves a specific style node from a Figma file based on the given file key and node ID.…
  • Get team projectsRetrieves a list of projects within a team based on the given team ID

Skills

Ready-made instructions your bots follow with Figma. Ask for one by name or let the bot pick.

  • Figma code connectCreates and maintains Figma Code Connect template files that map Figma components to code…
  • Figma code workflowsImport or upload local HTML or project files into Figma, choose editable Design frames
  • Figma create new fileAlways use this skill when the user wants to create a new Figma Design, FigJam, or Slides file
  • Figma design to codeYou MUST invoke this skill BEFORE calling the `get_design_context` Figma MCP tool
  • Figma generate designUse this skill alongside Figma-use when the task involves translating an application page
  • Figma generate diagramMANDATORY prerequisite — load this skill BEFORE every `generate_diagram` tool call
  • Figma generate libraryBuild or update a professional-grade design system in Figma from a codebase
  • Figma generative pluginsLoad this skill before calling `create_generative_plugin` or `update_generative_plugin`. Use…
  • Figma implement motionTranslates Figma motion and animations into production-ready application code
  • Figma shadersLoad this skill before calling `create_shader` or `update_shader`. Use when the user asks to…
  • Figma specThis skill is required to create, read, edit, review, or comment on Figma specs
  • Figma swiftuiSwiftUI ↔ Figma translation
  • Figma useYou MUST invoke this skill BEFORE every `use_figma` tool call
  • Figma use figjamThis skill helps agents use Figma's use_figma MCP tool in the FigJam context
  • Figma use motionMotion / animation context for the `use_figma` MCP tool
  • Figma use slidesThis skill helps agents use Figma's use_figma MCP tool in the Slides context
All apps