Figma Dev Mode SSE

Here are the setup steps to set up the official Figma Dev mode MCP server

Step 1: Enable the MCP Server • Open the Figma desktop app • Make sure you've updated to the latest version • Go to Figma menu → About Figma → Check for Updates

Step 2: Set up your MCP client • Configure your MCP client to connect with the Figma Dev Mode MCP Server • Follow your specific MCP client's configuration instructions

Step 3: Prompt your MCP client • Start using the MCP client to interact with Figma design files • Select Figma frames and convert them to code • Extract design context including variables, components, and layout data • Utilize Code Connect for improved code generation consistency