lucksy

Figma Impl — Design skill for Claude Code

Design community

Implement a Figma frame with on-system code.

How to install Figma Impl

Installs to ~/.claude/skills/lucksy-ds-bridge-figma-impl/SKILL.md

Terminal

mkdir -p ~/.claude/skills/lucksy-ds-bridge-figma-impl && curl -fsSL https://raw.githubusercontent.com/lucksy/ds-bridge/HEAD/commands/figma-impl.md -o ~/.claude/skills/lucksy-ds-bridge-figma-impl/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Figma Impl does

description: "Implement a Figma frame with on-system code" argument-hint: ""

Your task

Implement the Figma frame at `$ARGUMENTS` as code, using **only** components from the design-system registry and **only** exact design tokens. Anything you cannot resolve to the system is a **gap** — report it, never invent UI. Read the **design-system-context** skill for the registry/token contract and the no-invention rule; it governs everything below.

Follow these steps in ord

Alternatives in Design

Figma Implement Design — Translate Figma designs into production-ready code with pixel-perfect accuracy 14.6k ★
Pack — Bundle every designlang output (DTCG tokens, Tailwind, shadcn, Figma vars, motion, anatomy, Storybook, prompts 3.6k ★
Drawbridge — Design editor for Claude Code and Cursor 960 ★