菜单
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.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
1Password CLI - manage secrets, vaults, items, inject credentials into commands. Use when user mentions '1password', 'op', 'secrets management', or wants to manage passwords and secrets via CLI.
AWS CLI - manage S3, EC2, Lambda, IAM, CloudFormation and other AWS services. Use when user mentions 'aws', 'amazon web services', 's3', 'ec2', 'lambda', or wants to interact with AWS.
Azure CLI - manage VMs, web apps, functions, storage, AKS, and other Azure services. Use when user mentions 'az', 'azure', or wants to interact with Microsoft Azure.
Clerk authentication CLI - set up auth, pull environment variables. Use when user mentions 'clerk', 'clerk auth', or wants to configure Clerk authentication.
Container platform CLI - build images, run containers, manage compose stacks, volumes, networks. Use when user mentions 'docker', 'container', 'docker compose', or wants to manage containers.
Drizzle ORM toolkit CLI - generate migrations, push schema, introspect databases, run studio. Use when user mentions 'drizzle', 'drizzle-kit', or wants to manage database schema with Drizzle ORM.
| 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 |
npm i -g @figma/code-connect
Or use as a dev dependency:
npm i -D @figma/code-connect
npx figma
Set the FIGMA_ACCESS_TOKEN environment variable with a personal access token from Figma account settings.
| 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 |
| Command | Description |
|---|---|
figma connect parse | Parse Code Connect files in the project |
figma connect parse --dir <path> | Parse files in a specific directory |
| Flag | Description |
|---|---|
--dir <path> | Specify project directory |
--config <path> | Path to configuration file |
--verbose | Enable verbose output |