figma-code-connect-components

figma-code-connect-components — a Claude Code skill from figma/mcp-server-guide

Features

• ✓**Write to the canvas** (remote server only): Create and modify native Figma content directly from your MCP client. With the right skills, agents can build and update frames, components, variables, and auto layout in your Figma files using your design system as the source of truth.
• ✓**Generate code from selected frames**
• ✓**Extract design context**
• ✓**Code smarter with Code Connect**
• ✓**Generate Figma designs from web pages** *(rolling out)*