Back to Plugins

Figma

Figma design tool integration. Extract design specs, generate code from designs, access component libraries, and bridge the gap between design and development.

designuicollaborationofficial
By Figma

Installation

claude plugins add figma@claude-plugins-official

Configuration

{
  "enabledPlugins": {
    "figma@claude-plugins-official": true
  }
}

Commands

/figma-inspectExtract design specs from Figma file
/figma-codeGenerate code from Figma component
/figma-tokensExport design tokens
/figma-assetsDownload assets from Figma

How to install

  1. Open Claude Code in your terminal
  2. Run the installation command above
  3. The plugin will be enabled automatically
  4. Use the plugin's features in your Claude Code sessions
View source on GitHub

Related

Frontend Design
Plugins
Figma Server
MCP Servers