قم بتحويل تصميمات Figma إلى تعليمات برمجية جاهزة للإنتاج باستخدام أدوات خادم MCP. استخدم هذه المهارة عندما يقدم المستخدمون عناوين URL لـ Figma، أو يطلبون تحويل التصميم إلى رمز، أو يطلبون تنفيذ نماذج Figma بالحجم الطبيعي، أو يحتاجون إلى استخراج رموز التصميم وقيم النظام من ملفات Figma. يعمل مع الإطارات والمكونات وملفات التصميم بأكملها لإنشاء HTML أو CSS أو React أو أي تعليمات برمجية أخرى للواجهة الأمامية.
ثبّت مهارة الذكاء الاصطناعي figma-mcp بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: tdimino/claude-code-minoan.
This skill enables accurate design-to-code conversion by leveraging Figma's MCP (Model Context Protocol) server to access structured design data directly from Figma files. Unlike screenshot-based approaches, the Figma MCP provides semantic information about every design element including exact spacing, colors, typography, component hierarchy, and design system tokens, resulting in significantly more accurate code...
When a user provides a Figma URL or requests design implementation:
Use the available Figma MCP tools to retrieve structured design data:
قم بتحويل تصميمات Figma إلى تعليمات برمجية جاهزة للإنتاج باستخدام أدوات خادم MCP. استخدم هذه المهارة عندما يقدم المستخدمون عناوين URL لـ Figma، أو يطلبون تحويل التصميم إلى رمز، أو يطلبون تنفيذ نماذج Figma بالحجم الطبيعي، أو يحتاجون إلى استخراج رموز التصميم وقيم النظام من ملفات Figma. يعمل مع الإطارات والمكونات وملفات التصميم بأكملها لإنشاء HTML أو CSS أو React أو أي تعليمات برمجية أخرى للواجهة الأمامية. المصدر: tdimino/claude-code-minoan.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/tdimino/claude-code-minoan --skill figma-mcpقم بتحويل تصميمات Figma إلى تعليمات برمجية جاهزة للإنتاج باستخدام أدوات خادم MCP. استخدم هذه المهارة عندما يقدم المستخدمون عناوين URL لـ Figma، أو يطلبون تحويل التصميم إلى رمز، أو يطلبون تنفيذ نماذج Figma بالحجم الطبيعي، أو يحتاجون إلى استخراج رموز التصميم وقيم النظام من ملفات Figma. يعمل مع الإطارات والمكونات وملفات التصميم بأكملها لإنشاء HTML أو CSS أو React أو أي تعليمات برمجية أخرى للواجهة الأمامية. المصدر: tdimino/claude-code-minoan.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/tdimino/claude-code-minoan --skill figma-mcp بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/tdimino/claude-code-minoan