figma-use

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

587|42|Updated Jan 17, 2026

Search Tags:#automation #design #UI #cli #figma #JSX #render

Ready to run

npx skills add https://github.com/dannote/figma-use --skill figma-use

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

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.

Core Features & Use Cases

Imperative commands and JSX rendering for rapid design iteration.
Batch creation, layout configuration, and asset export across pages and nodes.
Real-world use: generate dashboards by creating frames, icons, and text blocks, then export assets for delivery.

Quick Start

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

Frequently Asked Questions about figma-use

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I automate Figma design tasks from the command line?▼

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.

Do I need to install a Figma plugin to use figma-use for UI automation?▼

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.

How do I create a frame and render JSX in Figma via the CLI?▼

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.

Can I batch create layouts and export assets across multiple Figma pages?▼

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.

What is the best way to generate Figma dashboards with text and icons programmatically?▼

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.

What are the limitations of using command line automation for Figma designs?▼

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.