تنفيذ تصميم Figma

التصميم والواجهات openai

تحويل تصاميم Figma إلى كود واجهات دقيق.

Converting Figma designs to accurate interface code.

كيفية الحصول على المهارة

مهارة وكيل (Agent Skill) من openai. حمّلها أو استنسخها ثم ثبّتها لدى وكيلك.

الإعداد والتثبيت (Setup & Installation)

افتح المصدر الرسمي وحمّل ملفات المهارة.
انسخ مجلد المهارة (الذي يحتوي على SKILL.md) إلى مجلد مهارات وكيلك، مثل .claude/skills/.
أعد تشغيل/تحميل الوكيل ليكتشف المهارة تلقائياً.
راجع SKILL.md للاطّلاع على أي تعليمات أو متطلّبات خاصة.

ربط تصاميم Figma بالكود وتوليد مكوّنات مطابقة للتصميم مع نظام تصميم منظّم.

المزوّد: Figma

أبرز ما تقدّمه:
• توليد كود من التصميم
• ربط المكوّنات
• أنظمة تصميم

مهارات ذات صلة

التصميم والواجهات

تصميم الواجهات الأمامية

أدوات تطوير واجهات وتجربة استخدام احترافية.

anthropics التفاصيل ←

التصميم والواجهات

Stitch: تصميم إلى React

أتمتة تحويل التصميم إلى مكوّنات React عبر حلقة تكرارية.

google-labs-code التفاصيل ←

التصميم والواجهات

مكوّنات shadcn/ui

بناء واجهات بمكتبة shadcn/ui القابلة للتخصيص.

google-labs-code التفاصيل ←

التصميم والواجهات

باني الـ Artifacts

إنشاء مكوّنات HTML/React تفاعلية معقّدة.

anthropics التفاصيل ←