SuperAPI AI Directory

figma

Design & creation

View repository

Updated 10-22 19:40

About this skill

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