Loading…
Connects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect", "connect this component to code", "map this component", "link component to code", "create code connect mapping", or wants to establish mappings between Figma designs and code implementations. For canvas writes via `use_figma`, use `figma-use`.
figma-code-connect-components is an agent skill entry in ChatHome Skills, sourced from OpenAI Skills and scored 90/100. # Code Connect Components ## Overview This skill helps you connect Figma design components to their corresponding code implementations using Figma's Code Connec. As an agent skill, it packages a reusable instruction set that AI coding agents such as Codex and Claude Code can load to perform this task without hand-written glue code. ChatHome Skills discovered this entry through its daily ingest of official registries and GitHub discovery queries, and re-verifies repository facts, freshness signals, and install metadata on every run. The quality score weighs official-registry presence, a working install command, license clarity, GitHub star trajectory, and repository freshness — the full formula is on the Sources page. The install command above is ready to copy. Review the last-pushed date and repository status before adding figma-code-connect-components to a production agent workflow; the snapshot facts below are point-in-time values from the most recent ingest.
codex skill install openai/skills figma-code-connect-componentsReview the upstream source before running this command.
Scan coverage: Install metadata and the indexed document body.
Automated signals from install metadata and a bounded skill body — not a full code security audit and not a recursive source or dependency review.
# Code Connect Components ## Overview This skill helps you connect Figma design components to their corresponding code implementations using Figma's Code Connect feature. It analyz