Clone live webpages into active Figma files by measuring layouts, colors, fonts, and text via Chrome DevTools, then run JavaScript to create shapes, modify properties, extract data, and automate browser tasks through local CDP access.
npx claudepluginhub markacianfrani/claude-code-figma --plugin figma-friendA Claude Code plugin that lets you interact with Figma directly through the browser.
/plugin marketplace add markacianfrani/claude-code-figma
/plugin install figma-friend
Once installed, use the /figma-friend:skills skill to start interacting with Figma:
/figma-friend:skills
The plugin will:
If you get figma is not defined:
Plugin that includes the Figma MCP server and Skills for common workflows
Share bugs, ideas, or general feedback.
Decode Figma's binary Kiwi wire protocol — extract scenegraph, SVGs, and CSS from WebSocket frames, bypassing REST API rate limits
Compiler-driven design generation in Figma — 100% design system compliant. Compiles component specs into verified Figma output via MCP.
Claude Code skill pack for Figma (30 skills)
Persistent memory system for Claude Code - seamlessly preserve context across sessions
Standalone image generation plugin using Nano Banana MCP server. Generates and edits images, icons, diagrams, patterns, and visual assets via Gemini image models. No Gemini CLI dependency required.