Figma
Figma design tool integration. Extract design specs, generate code from designs, access component libraries, and bridge the gap between design and development.
By Figma
/plugin install figma@claude-plugins-official
How to install
Claude Code PluginPlugins are a Claude Code feature installed from a marketplace.
- Add the marketplace (only needed once):
/plugin marketplace add claude-plugins-official
- Install the plugin:
/plugin install figma@claude-plugins-official
It becomes available immediately as slash commands, skills or agents — no restart needed.
Exact steps can vary per project — always double-check the original source. New to this? Read the full install guide →
Available on
More in Creative, Design & Art
View all →Algorithmic Art
Create algorithmic generative art with Claude AI using p5.js, flow fields, particle systems, and controlled randomness. Download for free.
Impeccable
The design language that makes your AI harness better at frontend design — 1 skill, 23 commands, 45 detector rules
Figma Server
Access Figma designs with live structure, hierarchy, auto-layout, variants, and text styles for accurate code generation
Architect
Designs feature architectures by analyzing existing codebase patterns and conventions, then providing comprehensive implementation blueprints with specific files to create/modify, component designs, data flows, and build sequences