AI Design

Figma Make: ما هو، كيف يعمل، الاعتمادات، والحدود (2026)10 min read

Reading Time: 7 minutesFigma Make هي أداة مطالبة التطبيق بالذكاء الاصطناعي الخاصة بـ Figma. وإليك ما هو عليه، وكيف يعمل خطوة بخطوة، ومن يمكنه استخدامه، وكيف تعمل أرصدة الذكاء الاصطناعي، وكيفية نشر التعليمات البرمجية وتصديرها، وأين حدودها.

Figma Make complete review: features, cost, updates, with Figma and Anima logos

Figma Make: ما هو، كيف يعمل، الاعتمادات، والحدود (2026)10 min read

Reading Time: 7 minutes

Figma Make هي أداة مطالبة التطبيق بالذكاء الاصطناعي الخاصة بـ Figma. يمكنك وصف ما تريده، أو البدء من تصميم Figma، ويقوم بإنشاء نموذج أولي عملي أو تطبيق ويب يمكنك معاينته وتحسينه في الدردشة وتحرير التعليمات البرمجية والنشر. وهو موجود داخل Figma كملف Make مخصص، بحيث يمكنه استخدام تصميماتك ومكتباتك كسياق. إنه يستهدف المصممين ومديري المنتجات وأي شخص يحتاج إلى تحويل فكرة إلى شيء يمكن للأشخاص النقر عليه.

تم التحقق من الحقائق في صفحة Figma Make ومركز مساعدة Figma في 1 نوفمبر 2026. تتغير الخطط والأرصدة والميزات كثيرًا، لذا تأكد من التفاصيل الحالية في Figma قبل الشراء.

يشرح هذا الدليل ما هو Figma Make، وكيف يعمل خطوة بخطوة، وما هي الميزات المهمة، ومن يمكنه استخدامه، وكيف تعمل أرصدة الذكاء الاصطناعي، وكيفية النشر والتصدير، وأين حدوده. إذا كنت تختار بين الأدوات، لدينا مقارنة Figma Make وAnima Playground يغطي البدائل.

ما هو Figma Make؟

تصف Figma Figma Make بأنها أداة تعتمد على الذكاء الاصطناعي وسريعة التطبيق تتيح لك إحياء الأفكار وتصميمات Figma الحالية كنماذج أولية وظيفية وتطبيقات ويب وواجهة مستخدم تفاعلية. أنت تعمل في محادثة بجوار معاينة مباشرة، وكل شيء تقوم بإنشائه مدعوم بكود برمجي، لذا يمكنك التبديل بين المعاينة وتعديلات الإشارة والنقر والتعليمات البرمجية نفسها.

قدمت Figma Make في Config 2025، وتطورت من فكرة مكون واحد إلى منتج كامل مع وضع الخطة، ومحرر التعليمات البرمجية، والواجهات الخلفية، والنشر والتكامل. إنه منفصل عن Figma Design: يمكنك إنشاء ملف Make بنفس الطريقة التي تنشئ بها ملفات Figma الأخرى، باستخدام زر Make في مسوداتك.

مطالبة الدردشة Figma Make تطلب وضع إعدادات التشغيل بجوار لوحة إعدادات الصوت التفاعلية التي تم إنشاؤها مع المعادل
الصورة: Figma. يتحول التصميم الموجه والمرفق إلى لوحة إعدادات تفاعلية.

ما الذي يمكنك بناءه باستخدام Figma Make؟

  • نموذج أولي قابل للنقر عليه لتدفق أو ميزة لاختباره مع المستخدمين.
  • نسخة تفاعلية من تصميم Figma الحالي، مع التحولات والمنطق.
  • تطبيق ويب صغير أو أداة داخلية، مع واجهة خلفية للبيانات وتسجيل الدخول.
  • صفحة مقصودة أو موقع مصغر يمكنك نشره على عنوان URL عام.

كيف يعمل Figma Make، خطوة بخطوة

  1. قم بإنشاء ملف Make. في متصفح الملفات Figma، افتح المسودات وانقر فوق Make في الزاوية العلوية اليمنى. يمكنك أيضًا البدء من قالب أو عن طريق استنساخ مستودع GitHub.
  2. اكتب موجه. قم بوصف ما تريد بناءه في الدردشة. يمكنك الكتابة أو الإملاء. كن محددًا بشأن المستخدم والمهمة الرئيسية والشاشات.
  3. أضف السياق. قم بإرفاق تصميمات Figma أو لصق الإطارات في الدردشة، أو إحضار سياق النمط من مكتبة Figma (الخطط المدفوعة)، أو إضافة واجهة خلفية، أو توصيل الأدوات من خلال موصلات MCP، أو السماح لـ Make بالبحث في الويب أو جلب عنوان URL.
  4. خطط أولاً إذا كنت تريد السيطرة. في الخطط المدفوعة، يقوم وضع الخطة بإنشاء خطة منظمة يمكنك تحريرها قبل كتابة أي رمز.
  5. قم بمراجعة المعاينة. يقوم Make ببناء التطبيق وعرضه مباشرة. انقر من خلاله بالطريقة التي يفعلها المستخدم.
  6. صقل. استمر في الدردشة، واستخدم النقطة والتحرير لتغيير عناصر محددة، وإضافة التعليقات التوضيحية وإرسالها معًا، أو فتح محرر التعليمات البرمجية وتغيير التعليمات البرمجية مباشرةً.
  7. شارك أو انشر. شارك الملف للحصول على تعليقات مع التعليقات، أو انسخ المعاينة مرة أخرى إلى Figma Design كطبقات، أو انشرها على عنوان URL عام، أو قم بتنزيل التعليمات البرمجية.
مساحة عمل Figma Make مع دردشة AI على اليسار، حيث تطلب المطالبة مشغل وسائط، ومعاينة التطبيق المباشرة على اليمين
الصورة: Figma. قم بالمطالبة في الدردشة على اليسار، والمعاينة المباشرة للتطبيق الذي تم إنشاؤه على اليمين.

نصيحة عملية واحدة من مستندات Figma: قم بإرفاق إطار أو مكون بدلاً من لصق رابط إلى ملف Figma الخاص بك. لا يقرأ Make التصميم من عنوان URL، وقد يؤدي الارتباط الملصق إلى نتائج غير متوقعة.

الميزات الرئيسية Figma Make

ميزة ماذا يفعل
وضع الخطة إنشاء خطة قابلة للتحرير قبل بدء الإنشاء، حتى تتمكن من توضيح النية أولاً.
المرفقات يتيح لك إرفاق التصميمات والصور ومقاطع الفيديو والصوت والملفات النصية وملفات PDF لتوجيه النموذج.
نقطة وتحرير انقر فوق أحد العناصر في المعاينة لإعادة تصميمه أو تبديله أو المطالبة بتغييره.
الشروح حدد عدة عناصر، ووصف التغييرات وأرسلها إلى النموذج مرة واحدة.
محرر الكود عرض وتحرير التعليمات البرمجية التي تم إنشاؤها، وإضافة الملفات الخاصة بك وإضافة الإرشادات التي يتبعها Make.
مجموعات Make مزامنة حزم npm وأنماط المكتبة والمبادئ التوجيهية لإنشاء نماذج أولية عالية الدقة.
موصلات MCP سحب السياق من الأدوات الخارجية مثل المستندات والمهام.
تاريخ الإصدار قم بمعاينة أو تفضيل أو استعادة أي إصدار سابق، AI أو يدوي.
التعليقات والجوال جمع التعليقات على النموذج الأولي وعرضها على الهاتف.
القوالب والمهارات المخصصة أعد استخدام سير عمل مثبت أو قم بتجميع تعليماتك الخاصة لـ Make.
نقطة Figma Make وتحريرها: عنصر عنوان محدد مع مربع مطالبة يطلب تحريك الطابع الزمني عند تشغيل أغنية
الصورة: Figma. تتيح لك ميزة الإشارة والتحرير تحديد عنصر في المعاينة والمطالبة بالتغيير.

Figma Make مقابل طبقات الكود Figma مقابل Figma Sites

هؤلاء الثلاثة في حيرة من أمرهم. يعمل Figma Make في ملف مخصص يمكنك من خلاله إنشاء تطبيق ونشره. تتيح لك طبقات التعليمات البرمجية استكشاف الأفكار التفاعلية بجوار تصميماتك على لوحة Figma Design؛ انظر دليلنا ل طبقات ومواصفات كود Figma. Figma Sites مخصص لنشر مواقع الويب المصممة في Figma. اختر Make عندما يجب أن يتصرف الإخراج كتطبيق، وطبقات التعليمات البرمجية عندما تريد عنصرًا تفاعليًا بجانب تصميمك الثابت.

من يمكنه استخدام Figma Make، وما هي تكلفة اعتمادات الذكاء الاصطناعي؟

يتوفر Figma Make على Starter (مع قيود)، وProfessional، وOrganization، وEnterprise، والتعليم (مستخدمو التعليم العالي ومعسكرات التدريب) والخطط الحكومية. مقعدك هو الذي يقرر ما يمكنك القيام به:

مقعد ما يمكنك القيام به في Figma Make
ممتلىء كل شيء: قم بإنشاء ملفات Make في مجلدات وفرق، وشاركها، ونشرها، واستخدم محرر التعليمات البرمجية وتصدير التعليمات البرمجية.
ديف جرب Make في المسودات ورمز التصدير.
التعاون والعرض جرب Make في المسودات.

يعمل Make على أرصدة الذكاء الاصطناعي. يشتمل كل مقعد على أرصدة، ويتم إعادة تعيينها شهريًا ولا يمكن مشاركتها أو ترحيلها. اعتبارًا من وثائق Figma في أكتوبر 2026:

الخطة (مقعد كامل) اعتمادات منظمة العفو الدولية شهريا
Starter 500 (بالإضافة إلى الحد اليومي 150)
Professional 3,000
Organization 3,500
Enterprise 4,250

يعتمد عدد الاعتمادات التي تستخدمها المطالبة على النموذج الذي تختاره والمهمة. وضعت أمثلة Figma الخاصة، استنادًا إلى نموذجها الافتراضي في فبراير 2026، تغييرًا بسيطًا مثل تحديث الخطوط عند 30 نقطة تقريبًا أو أكثر وجعل التصميم المرفق تفاعليًا عند 75 نقطة تقريبًا أو أكثر. يساعد اختيار نموذج أخف لإجراء التعديلات الصغيرة واستخدام وضع الخطة للإنشاءات الكبيرة على استمرار الاعتمادات الخاصة بك.

النشر والواجهات الخلفية وإنجاز عملك

نشر

انقر فوق نشر، وقم بتعيين عنوان وسيمنحك Make عنوان URL عامًا يبدو كذلك three-random-words.figma.site. يمكنك توصيل مجال مخصص على الخطط المدعومة. تتم استضافة التطبيقات المنشورة على Amazon Web Services مع التوجيه عبر Cloudflare، ولا تتم فهرستها بواسطة محركات البحث افتراضيًا، ولا يحتوي Make على لوحة معلومات تحليلية مدمجة، على الرغم من أنه يمكنك إضافة معرف Google Analytics في الإعدادات.

زر نشر Figma Make مميز فوق شبكة من تصميمات مواقع الويب المنشورة
الصورة: Figma. نشر تطبيق Make على عنوان URL عام.

الخلفية

لتخزين البيانات ودعم تسجيل الدخول، يمكنك أن تطلب من Make إنشاء واجهة خلفية مدعومة بـ Payload مع قاعدة بيانات وتخزين ملفات ومصادقة ولوحة إدارة، أو توصيل مشروع Supabase الخاص بك من إعدادات Make.

معاينة تطبيق Figma Make بجوار لوحة CMS تسرد الأحداث بالعناوين والتواريخ، وتعرض الواجهة الخلفية التي تخزن البيانات
الصورة: Figma. تتيح الواجهة الخلفية المزودة بنظام إدارة المحتوى (CMS) لتطبيق Make إمكانية تخزين البيانات وإدارتها.

رمز التصدير

يمكن للمستخدمين الذين لديهم مقعد كامل أو مطور تنزيل جميع الملفات الموجودة في ملف Make كملف ZIP من إجراءات الملف في علامة التبويب “الملفات”. تعامل مع التنزيل باعتباره نموذجًا أساسيًا لقاعدة التعليمات البرمجية: قم بتشغيله محليًا ومراجعته وإعادة تصميمه قبل البناء عليه.

لوحة محادثة Figma Make تعرض 15 تغييرًا في الكود، ومراجعة التغييرات وإنشاء أزرار PR وقائمة فرعية مع إنشاء فرع جديد
الصورة: Figma. راجع تغييرات التعليمات البرمجية التي أصدرها Make واعمل على الفروع.

انقل التصميم مرة أخرى إلى Figma

في الخطط المدفوعة، يمكنك نسخ المعاينة الحالية كطبقات تصميم ولصقها في Figma Design. الطبقات قابلة للتحرير، لكنها عبارة عن لقطة. فهي ليست تفاعلية، وليست مرتبطة بملف Make وليست مرتبطة بنظام التصميم الخاص بك تلقائيًا.

حدود Figma Make يجب معرفتها قبل البدء

  • تحتاج معظم الميزات إلى مقعد كامل في الخطة المدفوعة، ويمكن أن تنفد الأرصدة بسرعة في الإصدارات الكبيرة.
  • تم تصميمه للنماذج الأولية والتطبيقات البسيطة. لا تزال برامج الإنتاج بحاجة إلى المراجعة الهندسية والاختبارات والأمان والصيانة.
  • التغييرات التي تجريها على الطبقات المنسوخة في Figma Design لا تتدفق مرة أخرى إلى ملف Make.
  • إذا طلبت من النموذج استخدام Supabase ولم يكن التكامل متصلاً، فيمكنه إنشاء تعليمات برمجية وهمية بدلاً من اتصال فعال.
  • تعتبر ضوابط وتحليلات تحسين محركات البحث (SEO) ضئيلة بالنسبة للمواقع المنشورة.
  • لا يمكنك تسليمه رابط Figma وتتوقع منه قراءة الملف. إرفاق أو لصق الإطار.

إذا كنت بحاجة إلى رمز أمامي حقيقي، أو استنساخ لموقع ويب، أو تطبيق موجود خارج Figma، فابحث عن بديل مثل Anima Playground. نحن نقارنهم بصدق في Figma Make مقابل Anima Playground.

أفكار سريعة لFigma Make

تؤدي المطالبات المحددة التي تسمي المستخدم والمهمة والحالات إلى نتائج أولية أفضل. جرب هذه:

  • “قم بإنشاء تدفق إعداد من ثلاث خطوات لتطبيق الميزانية. اعرض مؤشر التقدم، وتحقق من صحة كل حقل، وانتهي على شاشة النجاح.”
  • “حول إطار التسعير المرفق إلى صفحة تفاعلية. أضف تبديلًا شهريًا وسنويًا وحالة تمرير على كل بطاقة خطة.”
  • “قم بإنشاء لوحة معلومات دعم للوكيل الذي يقوم بفرز التذاكر. وقم بتضمين عوامل التصفية والحالة الفارغة وحالة التحميل.”
  • “قم بإنشاء نموذج أولي للدفع عبر الهاتف المحمول مع تسجيل الخروج كضيف والتحقق من صحة العنوان وتأكيد الطلب.”

أنشئ تطبيقًا عمليًا باستخدام Anima Playground

هل تفضل موقعًا إلكترونيًا أو تطبيقًا حقيقيًا يمكنك تصديره وشحنه؟ قم بوصف ذلك، وسيقوم Anima ببنائه.

الأسئلة الشائعة حول Figma Make

ما هو Figma Make؟

Figma Make عبارة عن أداة سريعة التطبيق تعتمد على الذكاء الاصطناعي في Figma. إنه يحول تصميم Figma موجه أو موجود إلى نموذج أولي وظيفي أو تطبيق ويب أو واجهة مستخدم تفاعلية يمكنك معاينتها وتحريرها في الدردشة أو التعليمات البرمجية ونشرها.

هل Figma Make مجاني؟

يمكن لخطط Starter استكشاف Figma Make مجانًا بحدود، بما في ذلك 500 رصيد AI شهريًا وحد يومي. تحصل المقاعد الكاملة في الخطط المدفوعة على المزيد من الاعتمادات والميزات مثل سياق مكتبة الفريق ووضع الخطة والمشاركة والنشر. تتغير الخطط، لذا تحقق من أسعار Figma.

كيف يمكنني استخدام Figma Make؟

في مسودات Figma الخاصة بك، انقر فوق Make، واكتب مطالبة في الدردشة، وأرفق التصميمات أو سياق النمط إذا كان لديك، وأرسلها وقم بتحسين النتيجة باستخدام الدردشة أو الإشارة والتحرير أو محرر التعليمات البرمجية. ثم قم بمشاركتها أو نشرها أو تصديرها.

هل يمكن لـ Figma Make تصدير الكود؟

نعم. يمكن للمستخدمين الحاصلين على مقعد كامل أو مطور تنزيل رمز ملف Make كملف ZIP من علامة التبويب “الملفات”. من الأفضل التعامل معها كنموذج أولي لقاعدة التعليمات البرمجية التي تقوم بمراجعتها قبل استخدام الإنتاج.

هل يمكنني نشر تطبيق Figma Make؟

نعم. يمكن نشر المقاعد الكاملة على عنوان URL عام لموقعFigma.site، ويمكن للمستخدمين المبتدئين النشر بشكل عام فقط إذا قاموا أيضًا بالنشر على Figma Community. يمكنك إضافة مجال مخصص على الخطط المدعومة، ولا تتم فهرسة التطبيقات المنشورة بواسطة محركات البحث افتراضيًا.

ما هو الفرق بين Figma Make وAnima Playground؟

تقوم Figma Make ببناء نماذج أولية وتطبيقات داخل النظام البيئي Figma. Anima Playground هي مساحة عمل مستقلة تبدأ من المطالبات أو تصميمات Figma أو عناوين URL أو الصور وتنتج HTML أو React قابلة للتحرير والتي يمكنك تصديرها وتسليمها ونشرها. انظر المقارنة لدينا للحصول على التفاصيل.

|

Co-founder & CEO