Automate Figma design tasks via the figma-use CLI and JSX renderer.
npx skills add https://github.com/dannote/figma-use --skill figma-use
Please help me install this Agent Skill. Skill: figma-use Source: https://github.com/dannote/figma-use/tree/main Command: npx skills add https://github.com/dannote/figma-use --skill figma-use
This skill automates Figma design tasks by driving the figma-use CLI and JSX renderer to create, style, and arrange frames, icons, text, and components.
Quick Start: Create a frame and render JSX by piping a snippet to figma-use render. For example: figma-use create frame --width 400 --height 300 --fill "#FFF" && echo '<Frame/>'' | figma-use render --stdin --x 100 --y 100
High-intent search queries and answers about installing and using this skill.
Automate Figma design tasks by driving the figma-use CLI and JSX renderer to create, style, and arrange frames, icons, text, and components without manual UI interaction. It supports imperative commands and JSX-based rendering for rapid design iteration and batch asset export.
No plugin installation is required to use figma-use for UI automation. You need a Node-based runtime like Node.js or Bun with figma-use installed, and Figma must be opened with remote debugging port 9222 enabled to establish the connection.
Create a frame and render JSX by piping a snippet to figma-use render. Execute a command like figma-use create frame --width 400 --height 300 --fill "#FFF" and then echo your JSX string into figma-use render --stdin with specified coordinates.
Yes, you can batch create layouts and export assets across multiple Figma pages. The figma-use CLI supports batch creation, layout configuration, and asset export across multiple nodes and pages, enabling dashboard generation and delivery workflows.
Generate Figma dashboards programmatically by using the figma-use CLI to batch create frames, icons, and text blocks. You can arrange these components with imperative commands or JSX rendering, then export the assets for delivery.
Limitations of command line automation for Figma designs include requiring a Node-based runtime and Figma opened with remote debugging port 9222. It operates via imperative commands and JSX rendering, which may not replicate complex manual UI interactions perfectly.
samymityMigrate Node commands and npm scripts to Bun equivalents.
GenEducationGenerate wireframes, UI elements, icons, images, videos, and content from UX specifications.
AradotsoAutomate Figma node creation, editing, inspection, and multi-format export via CLI.
ChatAndBuildExecute JavaScript code within the Figma file context to manipulate nodes, pages, and components.
