skills.rest
Aradotso
AradotsoOFFICIAL
Explore all skills by this author →
Website𝕏@aradotsoGitHub

figma-use-cli

Automate Figma node creation, editing, inspection, and multi-format export via CLI.

3|Updated May 16, 2026
Search Tags:#figma#command line#design automation#remote debugging#component variants#export to jsx#node querying
One-click install
npx skills add https://github.com/Aradotso/design-skills --skill figma-use-cli
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: figma-use-cli
Source: https://github.com/Aradotso/design-skills/tree/main/skills/figma-use-cli
Command: npx skills add https://github.com/Aradotso/design-skills --skill figma-use-cli

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the problem of manually creating, modifying, and exporting Figma designs by providing a repeatable command-line workflow that agents can drive end-to-end.

Core Features & Use Cases

  • Create and edit Figma nodes: Generate frames, shapes, text, icons, and images; then modify properties like fill, size, position, layout, radius, and opacity.
  • Inspect and query designs: Traverse the node tree and retrieve node details, plus run XPath-like queries to locate specific layers/components.
  • Export to multiple formats: Export PNG/SVG, generate JSX, and output Storybook stories for design-to-code handoff.
  • Support declarative design generation: Render Figma scenes from JSX and define component/component-set variants for reuse.

Quick Start

Run figma-use status after starting Figma with remote debugging enabled to confirm the CLI can connect and then proceed to create or export nodes.

Frequently Asked Questions about figma-use-cli

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?▼

You can automate Figma design tasks from the command line by using a CLI that controls a remote debugging session to generate frames, edit nodes, and export assets without manual interaction.

Can I export Figma components to JSX and Storybook?▼

Yes, you can export Figma components to JSX and Storybook by running CLI commands that support multi-target exports, allowing you to output code representations and stories directly from your design nodes.

Do I need a remote debugging session to control Figma remotely?▼

Yes, you need a working Figma remote debugging session enabled to connect the CLI and execute read/write node operations, XPath queries, and asset exports.

How do I query specific layers in a Figma file for batch updates?▼

You can query specific layers in a Figma file for batch updates by running XPath-like queries through the CLI to traverse the node tree and locate target components or layers.

What is the best way to generate Figma frames from layout specs?▼

The best way to generate Figma frames from layout specs is to use a CLI that applies declarative design generation, rendering Figma scenes from JSX-like component definitions and layout specifications.

What are the limitations of Figma command line design automation?▼

Figma command line design automation is limited by its dependency on a working remote debugging session, requiring commands that specifically support read/write node operations and multi-target exports to function correctly.

Related Skills

Explore More Design & Creative Skills→
kurtosis-techkurtosis-tech
547

portal

Start, verify, and stop the Kurtosis Portal daemon across remote servers.

Official
Intermediate
no-problem-devno-problem-dev

store-icon

Convert SVG icon designs into Apple HIG-compliant 1024x1024 PNG icons.

Official
Intermediate
dannotedannote
587

figma-use

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

Community
Advanced
aleonsaaleonsa

article-writing

Generate long-form articles, guides, and newsletters with a voice derived from examples.

Community
Intermediate