LogoClawIndex
CasesSkillsAbout
LogoClawIndex

figma-code-connect-components - Map Figma components to code components

Analyzes Figma components, finds matching code components, and creates Code Connect mappings after user confirmation.

Tags

Updated: 2026-10-02
FigmaCode Connectcomponent mappingMCPdesign-code consistency

Capabilities

Get Code Connect suggestionsScan codebase componentsPresent mapping candidatesCreate Code Connect mappings

Typical Inputs

Figma URL with node IDSelected Figma desktop nodeProject codebase

Typical Outputs

Mapping candidate messagesCreated Code Connect mappingsMapping processing summary

What this skill does

  • Get Code Connect suggestions
  • Scan codebase components
  • Present mapping candidates
  • Create Code Connect mappings

Inputs

  • Figma URL with node ID
  • Selected Figma desktop node
  • Project codebase
  • User mapping selections

Outputs

  • Mapping candidate messages
  • Created Code Connect mappings
  • Mapping processing summary

Requirements

  • Connected and accessible Figma MCP server
  • Published Figma team-library components
  • Organization or Enterprise Figma plan
  • Access to the project codebase

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.