skills.rest
dannotedannoteCommunity·1 Agent Skills Included

figma-use

Control Figma from the terminal with commands or JSX

Controls Figma directly from the terminal to create frames, shapes, text, icons, components, and variants using simple commands or JSX. Eliminates manual clicking in the Figma editor and removes the need for plugin installation or proxy servers. Exports designs back to JSX or Storybook stories, runs design lint checks, and compares frames with visual diffs.
587|42
↗
npx skills add dannote/figma-use --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators
📦 In Repo
dannotedannote

figma-use

Automate Figma design tasks via the figma-use CLI and JSX renderer.

Community
Advanced

Frequently Asked Questions

FAQPage Schema
How to install figma-use?▼

Run `npx skills add dannote/figma-use --all -g -y` in your terminal to install this skill globally for your AI agent.

How to control Figma from the command line?▼

Start Figma with remote debugging enabled, then run commands like `figma-use create frame --width 400 --height 300` or pipe JSX into `figma-use render --stdin` to build designs.

Can AI agents edit Figma files directly?▼

Yes. Unlike Figma's official MCP plugin which is read-only, figma-use lets agents create, modify, and export real design elements through over 100 CLI commands.

How to convert Figma designs to React code?▼

Run `figma-use export jsx <node-id> --pretty` to turn any Figma node into JSX, or use `figma-use export storybook` to generate typed Storybook stories from your components.

Does figma-use work with Figma version 126 and newer?▼

Yes. Run `figma-use patch` once to re-enable remote debugging, or use `figma-use daemon start --pipe` to launch Figma with a debug pipe without any patching.

Related Repositories in Design & Creative

View All in Design & Creative→
nextlevelbuildernextlevelbuilder
123.5k

ui-ux-pro-max-skill

AI design intelligence for professional UI, brands, and presentations

Official📦 13 Skills
shadcn-uishadcn-ui
122.7k

ui

Build and customize beautiful React component libraries with AI

Official📦 2 Skills
nexu-ionexu-io
93.2k

open-design

Open-source AI design studio for decks, prototypes, images, and video

Official📦 394 Skills