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

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