figma

Name: figma
Author: Melvynx

Figma Code Connect CLI - connect design components to code, publish connections, parse Figma files. Use when user mentions 'figma', 'code connect', 'figma cli', or wants to link Figma designs to code.

official devtools design

Install

$ npx api2cli install figma

Details

Skill type: Official CLI

Auth type: bearer

Version: 1.0.0

Author: Melvynx

Repo: https://github.com/Melvynx/cli-skills

README

figma

Setup

npm i -g @figma/code-connect

Or use as a dev dependency:

npm i -D @figma/code-connect
npx figma

Authentication

Set the FIGMA_ACCESS_TOKEN environment variable with a personal access token from Figma account settings.

Resources

Code Connect

Command	Description
`figma connect`	Interactive setup for Code Connect in a project
`figma connect create <figma-url>`	Create a Code Connect file for a Figma component
`figma connect publish`	Publish all Code Connect files to Figma
`figma connect publish --dry-run`	Preview what would be published
`figma connect unpublish`	Remove published Code Connect data

Parsing

Command	Description
`figma connect parse`	Parse Code Connect files in the project
`figma connect parse --dir <path>`	Parse files in a specific directory

Global Flags

Flag	Description
`--dir <path>`	Specify project directory
`--config <path>`	Path to configuration file
`--verbose`	Enable verbose output