# Implement Design

> Translates Figma designs into production-ready code with 1:1 visual fidelity. Use when implementing UI from Figma files or building components matching Figma specs.

- Skill: `varunk130/implement-design` (Agent Skill)
- Install (CLI): `npx skillmds@latest add varunk130/implement-design`
- Raw SKILL.md: https://api.skillmd.com/api/skills/varunk130/implement-design/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: varunk130 (https://skillmd.com/u/varunk130)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/varunk130/implement-design

---


# Implement Design

Workflow: Parse Figma URL -> get_design_context -> get_screenshot -> download assets -> translate to project conventions -> achieve 1:1 visual parity -> validate against Figma. Treats Figma output as reference, adapts to project stack.