Generating Code Connect

Scope

Create Code Connect files, write figma.config.json, validate mappings, and optionally publish

Command line first

• Prefer rg, jq, and ast-grep over manual inspection
• Use CLI tools or tiny scripts to validate and inspect outputs before editing by hand
• When extracting or transforming JSON, use jq instead of ad-hoc parsing

Inputs to collect

• Repo path, default current working directory
• Figma file URL
• Framework, auto-detect or ask React vs Angular
• Component scope, comma-separated list or Enter for all
• Output directory, default codeConnect
• Permission to install @figma/code-connect locally if missing