ترجمة خصائص وهياكل تصميم Figma إلى تطبيقات مكونات IDS (نظام تصميم Iress). تساعد هذه المهارة وكلاء الذكاء الاصطناعي على تفسير البيانات التعريفية لتصميم Figma (من أدوات مثل Figma MCP أو مواصفات التصميم المصدرة) وإنتاج كود IDS دقيق.
ثبّت مهارة الذكاء الاصطناعي figma-to-ids بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: iress/design-system.
Translate Figma design properties and structures into IDS (Iress Design System) component implementations. This skill helps AI agents interpret Figma design metadata (from tools like Figma MCP or exported design specs) and produce accurate IDS code.
| Auto-layout (vertical) | IressStack | Default direction is vertical | | Auto-layout (horizontal) | IressInline | Horizontal flow with wrapping | | Auto-layout gap | gap prop | Map px to spacing token (see below) | | Auto-layout padding | p, px, py props | Map px to spacing token |
| Auto-layout alignment | horizontalAlign / verticalAlign | Maps to start, center, end | | Grid layout | IressRow + IressCol | Use span prop for column widths |
ترجمة خصائص وهياكل تصميم Figma إلى تطبيقات مكونات IDS (نظام تصميم Iress). تساعد هذه المهارة وكلاء الذكاء الاصطناعي على تفسير البيانات التعريفية لتصميم Figma (من أدوات مثل Figma MCP أو مواصفات التصميم المصدرة) وإنتاج كود IDS دقيق. المصدر: iress/design-system.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/iress/design-system --skill figma-to-idsترجمة خصائص وهياكل تصميم Figma إلى تطبيقات مكونات IDS (نظام تصميم Iress). تساعد هذه المهارة وكلاء الذكاء الاصطناعي على تفسير البيانات التعريفية لتصميم Figma (من أدوات مثل Figma MCP أو مواصفات التصميم المصدرة) وإنتاج كود IDS دقيق. المصدر: iress/design-system.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/iress/design-system --skill figma-to-ids بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/iress/design-system