Apply Anthropic brand colors and typography to artifacts
Figma Code Connect Components
SkillMap Figma design components to code with Code Connect
Clone or download it from github.com, then drop the folder into ~/.claude/skills/ (Claude Code) or your agent's skills directory.
Product badge
Share this product's name and rating in your README or on your website.
Updates may be delayed by image caching.
About Figma Code Connect Components
OpenAI curated skill for mapping Figma design components to code components with Code Connect. Use when linking design library nodes to React or other UI implementations.
Keeps design-to-code mappings explicit so agents stop guessing which component owns which frame.
No reviews yet
Used it? Write the first review.
Similar skills
Deploy and manage Vercel projects with token-based CLI auth
Generate and edit project images with OpenAI image tools
Bootstrap modern WinUI 3 desktop apps with Windows App SDK
Build and review ASP.NET Core apps with current official guidance
Repo-grounded threat models with trust boundaries and abuse paths