Skip to content
Kitbay
Submit
SkillBeta

figma-code-connect-components

Updated on Oct 28, 202628,682GitHub starsIncludes scripts

A skill in OpenAI's curated Codex skills collection for linking published Figma components to the matching components in a codebase through Figma's Code Connect.

What the skill teaches

A skill in OpenAI's curated Codex skills collection for linking published Figma components to the matching components in a codebase through Figma's Code Connect. The agent asks the Figma MCP server for unmapped components in a selection, searches the project for likely code matches, and sends the confirmed mappings back to Figma. It works from a Figma URL with a node id, or from the current selection when the Figma desktop MCP server is used. It needs the Figma MCP server, components published to a team library, and an Organization or Enterprise plan. A small Python script normalises node ids.

Capabilities

  • Find unmapped published components in a Figma selection
  • Search a codebase for matching code components
  • Send Code Connect mappings to Figma