design-dev-bridge

Skills

4 in the Claude listing

• Code to figmaTurn existing code — a component, page, or screen — into a Figma design, or sync code changes back into Figma.
• Figma to codeImplement a Figma design as front-end code — design-to-code (the reverse of code-to-figma).
• Handoff to codeImplement a Claude Design HANDOFF BUNDLE (README + component code + CSS + prototype + assets) into an existing codebase — reconciling the handoff's self-contained implementation (inline SVGs, literal
• Write design system doc