Figma → Code
Design & UI
openai
Converting Figma designs to accurate interface code.
How to get this skill
Agent Skill by openai. Download or clone it, then install it in your agent.
Setup & Installation
- Open the official source and download the skill files.
- Copy the skill folder (which contains
SKILL.md) into your agent skills folder, e.g..claude/skills/. - Restart or reload the agent to auto-discover the skill.
- Check
SKILL.mdfor any special instructions or requirements.
ربط تصاميم Figma بالكود وتوليد مكوّنات مطابقة للتصميم مع نظام تصميم منظّم.
المزوّد: Figma
أبرز ما تقدّمه:
• توليد كود من التصميم
• ربط المكوّنات
• أنظمة تصميم
المزوّد: Figma
أبرز ما تقدّمه:
• توليد كود من التصميم
• ربط المكوّنات
• أنظمة تصميم
Related skills
Design & UI
Frontend Design
Professional UI development tools and user experience.
anthropics
Details →
Design & UI
Stitch Design → React
Automating design-to-React component conversion through iterative workflows.
google-labs-code
Details →
Design & UI
shadcn/ui Components
Building interfaces with the customizable shadcn/ui library.
google-labs-code
Details →
Design & UI
Web Artifacts Builder
Creating complex interactive HTML/React components.
anthropics
Details →