figma

name	figma
description	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.
category	devtools
install_command	npm i -g @figma/code-connect
binary	figma

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