Stats
Actions
Available In
Tags
Plugin
figma-friend
Clone live webpages into Figma as editable design frames, preserving layout, colors, and fonts via Chrome DevTools, and run Figma plugin API scripts to create and modify shapes, slots, and properties in open design files.
What's Inside
README
Figma Friend
A Claude Code plugin that lets you interact with Figma directly through the browser.
Installation
/plugin marketplace add markacianfrani/claude-code-figma
/plugin install figma-friend
Usage
Once installed, use the /figma-friend:skills skill to start interacting with Figma:
/figma-friend:skills
The plugin will:
- Open Figma in your browser
- Prompt you to log in and open a design file
- Let you create shapes, modify properties, and extract information using natural language
Requirements
- Claude Code
- A Figma account with edit permissions on the file you want to modify
Troubleshooting
If you get figma is not defined:
- Make sure you have edit permissions on the file (try creating a branch)
- Open any plugin in Figma and close it, then try again
Stats
Version0.0.1
Stars17
Forks3
Copy clicks4
MaintenanceGood
Last Commit
Added
Available In
Tags
Technologies
Categories
