skill.extrachatgpt.com logo

code-connect-components by figma

Connects Figma design components to code components using Code Connect. Use when user says "code connect", "connect this component to code", "connect Figma to code", "map this component", "link component to code", "create code connect mapping", "add code connect", "connect design to code", or wants to establish mappings between Figma designs and code implementations. Requires Figma MCP server connection.

Design
150 Stars
12 Forks
Updated Dec 16, 2025, 09:43 PM

Why Use This

This skill provides specialized capabilities for figma's codebase.

Use Cases

  • Developing new features in the figma repository
  • Refactoring existing code to follow figma standards
  • Understanding and working with figma's codebase structure

Install Guide

2 steps
  1. 1

    Download Ananke

    Skip this step if Ananke is already installed.

  2. 2

    Install inside Ananke

    Click Install Skill, paste the link below, then press Install.

    https://github.com/figma/mcp-server-guide/tree/main/skills/code-connect-components

Skill Snapshot

Auto scan of skill assets. Informational only.

Valid SKILL.md

Checks against SKILL.md specification

Source & Community

Repository mcp-server-guide
Skill Version
main
Community
150 12
Updated At Dec 16, 2025, 09:43 PM

Skill Stats

SKILL.md 0 Lines
Total Files 1
Total Size 0 B
License NOASSERTION

Source

GitHub Repository ↗ Commit main ↗ skill.extrachatgpt.com ↗