Skip to content

feat: Migration to new Figma code connect templates#740

Merged
cb-ekuersch merged 13 commits into
masterfrom
new-code-connect
Jun 4, 2026
Merged

feat: Migration to new Figma code connect templates#740
cb-ekuersch merged 13 commits into
masterfrom
new-code-connect

Conversation

@cb-ekuersch
Copy link
Copy Markdown
Contributor

@cb-ekuersch cb-ekuersch commented Jun 4, 2026

What changed? Why?

Used Claude's new Dynamic Workflow to conduct a large-scale migration of hundreds of files across CDS web and mobile packages.

This also addresses CDS-2185 ensuring figma connect files are no longer compiled and packaged into the production builds of the CDS NPM packages, cutting thousands of unnecessary .js and .d.ts files.

Problem

  • Figma has released a new, more maintainable format of Code Connect files
  • Many CDS components' code connect mappings were out of date or inaccurate and would require considerable investment to fix
  • Many CDS components lacked any code connect mappings to begin

Strategy

Given a single .md file containing links to all 80 CDS Figma components/component sets, run a Claude Code dynamic workflow to orchestrate approximately 80 custom sub-agents each tasked with creating a new code connect template for a CDS component

Custom agent responsibilities:

  1. read component metadata via Figma MCP
  2. use Figma MCP to identify matching React component in the codebase
  3. generate the code connect template using figma-code-connect skill
  4. validate generated code connect with testing methods cited below

The orchestration script (workflow) batches agents to avoid hitting Figma's tool call rate limits.

The workflow was built idempotent to ensure I could safely back off and reattempt at a later time if rate limits were hit.

Testing

How has it been tested?

Run Figma connect CLI:

  1. --dry-run publish to ensure connect templates were valid and pointing to correct Figma component nodes
  2. preview command to spot check output of genereated code
  3. temporarily published code connect mappings under "TEST" labels and manually verified a few code snippets
image image image image

Change management

type=routine
risk=low
impact=sev5

automerge=false

@cb-heimdall
Copy link
Copy Markdown
Collaborator

cb-heimdall commented Jun 4, 2026

✅ Heimdall Review Status

Requirement Status More Info
Reviews 1/1
Denominator calculation
Show calculation
1 if user is bot 0
1 if user is external 0
2 if repo is sensitive 0
From .codeflow.yml 1
Additional review requirements
Show calculation
Max 0
0
From CODEOWNERS 1
Global minimum 0
Max 1
1
1 if commit is unverified 0
Sum 1
CODEOWNERS ✅ See below

CODEOWNERS

Code Owner Status Calculation
ui-systems-eng-team 1/1
Denominator calculation
Additional CODEOWNERS Requirement
Show calculation
Sum 0
0
From CODEOWNERS 1
Sum 1

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Jun 4, 2026

@adrienzheng-cb
Copy link
Copy Markdown
Contributor

💯 🥇

@cb-ekuersch cb-ekuersch merged commit 02a5482 into master Jun 4, 2026
24 of 27 checks passed
@cb-ekuersch cb-ekuersch deleted the new-code-connect branch June 4, 2026 20:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Development

Successfully merging this pull request may close these issues.

3 participants