Awamer awamer.ai
عربي

figma/figma-code-connect-components

Figma figma

Connect Figma design components to code components using Code Connect

How to get this skill

Agent Skill by figma. Download or clone it, then install it in your agent.

Open official source ↗ Publisher: figma

Setup & Installation

  1. Open the official source and download the skill files.
  2. Copy the skill folder (which contains SKILL.md) into your agent skills folder, e.g. .claude/skills/.
  3. Restart or reload the agent to auto-discover the skill.
  4. Check SKILL.md for any special instructions or requirements.

Related skills

Figma

figma/figma-create-design-system-rules

Generate project-specific design system rules for Figma-to-code workflows

figma Details →
Figma

figma/figma-create-new-file

Create a new blank Figma Design or FigJam file

figma Details →
Figma

figma/figma-generate-design

Build or update screens in Figma from code or description using design system components

figma Details →
Figma

figma/figma-generate-library

Build or update a design system library in Figma from a codebase

figma Details →