ما هي Figma Make؟
Figma Make هي أداة لبناء التطبيقات بالذكاء الاصطناعي مدمجة مباشرة داخل منصة Figma، تأخذ مطالبة نصية وتنتج تطبيقًا أماميًا عمليًا مدعومًا بالكود، من دون أن تحتاج إلى مغادرة مساحة عمل Figma أو إعداد أداة منفصلة.
إنها تنشئ تطبيقات React مع وصول كامل إلى الشفرة المصدرية، وسجل إصدارات تلقائي، ورابط معاينة مباشر، وتمتاز عن أدوات البناء الأخرى بالذكاء الاصطناعي بأنها تتيح لك اختيار النموذج الأساسي الذي يقوم بالعمل: Claude Sonnet 4.6، أو Gemini 3 Flash، أو Gemini 3.1 Pro، أو GPT-5.5، بدلًا من تقييدك بنموذج واحد من دون أي رؤية لما يجري تشغيله.
المخرجات ليست نموذجًا أوليًا بصريًا أو ملف تصميم، بل كودًا فعليًا قابلًا للتعديل يمكنك فحصه وتعديله ودفعه إلى GitHub.
لمن تناسب Figma Make؟
- مصممو المنتجات الذين يستخدمون Figma بالفعل. توجد Make داخل الأداة التي تستخدمها أصلًا، لذلك لا توجد منصة جديدة لتتعلمها أو اشتراك إضافي لتضيفه فوق ما تدفعه بالفعل.
- المؤسسون غير التقنيين الذين يحتاجون إلى عرض توضيحي بسرعة. تخرج تطبيقات معقدة متعددة الشاشات مع وصول قائم على الأدوار وبيانات واقعية في أقل من 10 دقائق، وهو وقت كافٍ لاصطحابها إلى أول اجتماع مع مستثمر.
- مديرو المنتجات الذين يحتاجون إلى أن يُظهروا لا أن يكتفوا بالشرح. تنتج Figma Make شيئًا يمكنك تسليمه فعليًا إلى أحد أصحاب المصلحة واستعراضه، بدلًا من ملف PDF للشاشات.
- المطورون الذين يريدون هيكلًا عمليًا جاهزًا. الكود المُولّد هو React نظيف مع TypeScript، والشيفرة المصدرية الكاملة متاحة على الخطة المجانية، ما يجعله نقطة انطلاق حقيقية بدلًا من نموذج أولي قابل للرمي.
إيجابيات وسلبيات Figma Make
- ينشئ تطبيقات معقدة متعددة الشاشات من مطالبة واحدة
- الخطة المجانية تتضمن وصولًا كاملًا إلى الشفرة المصدرية
- اختر نموذج الذكاء الاصطناعي: Claude أو Gemini أو GPT
- سجل الإصدارات التلقائي يحفظ كل تكرار للبناء
- توليد مصادقة قائمة على الأدوار دون أي مطالبة إضافية
- تكاملات GitHub وSupabase مدمجة بشكل أصلي
- محرر بصري ومحرر كود متاحان في مساحة عمل واحدة
- تأتي عمليات البناء الأولى مع تحذيرات في الكود
- ينفد حد الرصيد الشهري المجاني بسرعة
- النطاق المخصص يحتاج إلى خطة Figma مدفوعة
تفصيل التقييم
تعكس الدرجات أدناه ما تقدمه Figma Make الآن، في النسخة التجريبية العامة. بالنسبة لمنتج في هذه المرحلة، فإن جودة المخرجات أعلى بكثير مما توقعت، وللفرق الموجودة بالفعل على خطة Figma مدفوعة، فمن الصعب المجادلة بقيمة ما تحصل عليه، إذ لا توجد تكلفة إضافية.
| الميزة | الدرجة (من 10) | سبب الدرجة |
|---|---|---|
| سهولة الاستخدام | 9.5 | لا إعدادات مسبقة، دخول قائم على المطالبة أولًا، مسارا تحرير مزدوجان، ودورة بناء مدتها 8 دقائق تجعلها من أقل أدوات الذكاء الاصطناعي صعوبة في البدء. |
| الميزات والوظائف | 9.8 | مصادقة قائمة على الأدوار، وواجهة Stripe للدفع، وتقارير متعددة الرسوم البيانية، ولوحة تحكم إدارية، واختيار النموذج، ومرجع REST API كامل، كلها تُولَّد من مطالبة واحدة. |
| التصميم والتخصيص | 9.4 | المخرجات البصرية الافتراضية نظيفة واحترافية، مع محرر بصري قابل للنقر للاختيار ووصول كامل إلى الشفرة المصدرية حتى على الخطة المجانية. |
| القيمة مقابل المال | 9.4 | الوصول الكامل إلى الكود في الباقة المجانية أمر غير شائع فعلًا، والمستخدمون على الخطط المدفوعة يحصلون على Make ضمن اشتراك Figma الحالي بدلًا من أن تكون بندًا منفصلًا. |
| الأداء والموثوقية | 9.9 | ثماني دقائق للوصول إلى تطبيق متعدد الشاشات، واعٍ بالأدوار، مع واجهة Stripe ولوحة تحكم إدارية، هو أسرع نسبة من البناء إلى المخرجات القابلة للاستخدام اختبرتها. |
| الإجمالي | 9.6 | منتج تجريبي بارز يتفوق بالفعل على كثير من أدوات بناء التطبيقات بالذكاء الاصطناعي الأكثر نضجًا من حيث جودة المخرجات وعمق الميزات. |
ميزات Figma Make
- بناء من المطالبة إلى التطبيق في أقل من 10 دقائق
- اختيار متعدد للنماذج بما في ذلك Claude وGemini وGPT
- مصادقة مستخدمين قائمة على الأدوار تُنشأ تلقائيًا
- محرر بصري بالنقر للاختيار مع عناصر تحكم مضمنة للأنماط
- كود React مصدره كامل قابل للتعديل على الخطة المجانية
- تكاملات GitHub وSupabase متاحة من دون إعدادات إضافية
- نشر بنقرة واحدة على نطاق فرعي figma.site
مراجعتي الصادقة لـ Figma Make: ما وجدته بعد اختبارها
شاشة البداية تبتعد عن طريقك فورًا
شاشة الهبوط عبارة عن مربع مطالبة واحد مع عبارة قصيرة: “اجعل أفكارك حقيقية بالذكاء الاصطناعي. ابدأ بتصميم ووجّه مطالبتك لتحصل بسرعة على نموذج أولي وظيفي.” أسفل حقل الإدخال تظهر ثلاثة اقتراحات للبدء:
- تدفق onboarding
- لوحة بيانات
- معرض gradients
يمكنك تجاهل الثلاثة جميعًا وكتابة ما تريد.
أرسلت هذه المطالبة كاملة:
“Create a property management platform for landlords and tenants. Include user authentication, property listings, lease management, rent payments, maintenance requests, document uploads, messaging, notifications, admin dashboard, reporting, Stripe integration, PostgreSQL database, REST API, responsive design, and deployment instructions. The application should be production-ready and scalable.”
قبلت الأداة المطالبة من دون أي احتكاك وانتقلت مباشرة إلى البناء. لا محدد لنوع المشروع، ولا معرض قوالب، ولا أي إعداد مسبق للهندسة المعمارية من أي نوع.
الحكم: نقطة الدخول تكاد تكون بلا احتكاك مثل أي أداة بناء بالذكاء الاصطناعي اختبرتها. المقابل هو أنه من دون بنية توجيهية قبل البناء، ستنتج المطالبة المبهمة مخرجات مبهمة. سقف ما ستحصل عليه تحدده بالكامل جودة ما تضعه أنت.
التسجيل سريع ولا يضع حاجز دفع بينك وبين المخرجات
النقر على زر السهم قبل تسجيل الدخول يفتح نافذة “Welcome to Figma”. الخياران هما:
- Continue with Google (بنقرة واحدة، أقل من 10 ثوانٍ)
- Continue with email (أدخل البريد الإلكتروني، ثم تحقق، بإجمالي أقل من 30 ثانية)
كلا المسارين ينقلك مباشرة إلى مساحة عمل Figma Make مع إدراج البناء في الطابور بالفعل. لا توجد شاشة لاختيار الخطة، ولا مطالبة ببطاقة ائتمان، ولا حاجز ترقية في هذه المرحلة. تُفعَّل خطة Starter المجانية تلقائيًا.
إذا كان لديك حساب Figma بالفعل، فلن تظهر النافذة، وستصل مباشرة إلى المنشئ.
يستغرق البناء 8 دقائق ويخبرك بدقة بما يفعله
تنقسم مساحة العمل إلى عمود دردشة على اليسار ومعاينة مباشرة على اليمين. تعرض المعاينة عنصرًا نائبًا مع النص “Building your idea…” ثم “Working out the details…” مع تقدم الأداة.
ما يجعل هذا مختلفًا عن شاشة تحميل عادية هو لوحة الاستدلال في عمود الدردشة، التي تسجل تفكير الأداة في الوقت الحقيقي.
أثناء بنائي، عرضت لوحة الاستدلال:
- استدعت الأداة أداة theme قبل كتابة أي سطر من الكود
- سجلت “Worked with 3 files” أثناء معالجة المطالبة
- وصف سجل الاستدلال نهجها الكامل: فقد رسمت الميزات المتبقية (تصفية العقارات، إدارة الإيجارات، سجل الدفعات، طلبات الصيانة، المراسلة، الإشعارات، ولوحات التحكم الإدارية)، وذكرت أنها ستبني هيكل مكوّن React مع تعريفات الأنواع أولًا، ثم تنشئ بيانات وهمية بتفاصيل واقعية، ثم تتولى التنقل وإدارة الحالة للعرض القائم على الأدوار عبر كل الأقسام
- ظهرت رسالة حالة أسفل الاستدلال: “Writing the component structure…”
تلك السلسلة مهمة. فقد خططت الأداة لتعريفات الأنواع قبل أن تكتب أي واجهة، ثم أضافت بيانات وهمية واقعية، ثم بنت التنقل حولها. هذا نهج منظم، وليس توليدًا عشوائيًا.
الجدول الزمني للبناء: 3:58 PM إلى 4:06 PM. ثماني دقائق.
يتيح لك محدد النموذج أسفل لوحة الدردشة اختيار الذكاء الاصطناعي الذي يقوم بالبناء قبل البدء، أو التبديل بين عمليات البناء:
| النموذج | الوصف |
|---|---|
| Default | موصى به من Figma (النموذج المحدد غير معلن) |
| Claude Sonnet 4.6 | متوازن، فعّال |
| Gemini 3 Flash | سريع، تكراري |
| Gemini 3.1 Pro | عميق، مبدع |
| GPT-5.5 | قادر، سريع |
إن القدرة على التبديل من نموذج سريع تكراري إلى آخر أعمق من دون مغادرة الأداة أو إعادة البناء من الصفر تمثل ميزة سير عمل مهمة.
إلى جانب محدد النموذج، يوجد مفتاح تبديل Build/Plan mode:
| الوضع | ما الذي يفعله |
|---|---|
| Build | ينشئ ويكرّر أثناء العمل |
| Plan | يوائم على العمل المعقد ويرسم الهيكلية قبل كتابة الكود |
بالنسبة لمطالبة مفصلة مثل مطالعتي، كان من المحتمل أن ينتج وضع Plan بناءً أوليًا أنظف مع تحذيرات أقل. استخدمت وضع Build وتعاملت مع التحذيرات في تمريرة ثانية.
الناتج النهائي سمّى نفسه PropVault وكسب تلك الثقة
التطبيق النهائي، الذي سمّته الأداة PropVault من دون أن يُطلب منها ذلك، هو منصة متعددة الشاشات لإدارة العقارات مع هوية بصرية متسقة، وشريط جانبي أزرق داكن، وخطوط واضحة، وإثبات اجتماعي سياقي على شاشة تسجيل الدخول. تعرض شاشة تسجيل الدخول:
- لوحة يسار داكنة مع شعار PropVault، والعبارة “Property management, simplified.”، وثلاث إحصاءات وهمية: 86 properties managed، و1,240 active tenants، و$2.1M collected monthly
- لوحة يمين مع علامتي التبويب Sign In / Create Account، وبريد إلكتروني وكلمة مرور معبأين مسبقًا، وثلاثة أزرار لاختيار الدور: Landlord وTenant وAdmin
- ملاحظة تذييل: “Demo: click a role above, then sign in”
يفتح كل شاشة في التنقل الأيسر شاشة عاملة ومعبأة. فيما يلي ما بُني عبر التطبيق الكامل:
| الشاشة | ما الذي بُني |
|---|---|
| Dashboard | أربع بطاقات KPI (الإيرادات الشهرية، معدل الإشغال، الطلبات المفتوحة، إجمالي العقارات)، ومخطط خطي لـ 12 شهرًا للإيرادات مقابل النفقات مع شارة “Live”، وتغذية نشاط حديث، وتنبيه دفعات متأخرة مع زر Send Reminders، وإيجارات على وشك الانتهاء مع أزرار Renew فردية |
| Properties | قائمة عقارات مع تصفية |
| Leases | إدارة إيجارات مع تتبع الحالة |
| Payments | جدول سجل الدفعات مع شارات الحالة، ونافذة دفع آمنة مدعومة بـ Stripe |
| Maintenance | لوحة Kanban (Open / In Progress / Completed) مع شارات الأولوية وتعيين المورد؛ ونموذج إرسال للTenant |
| Messages | واجهة دردشة ذات لوحتين مع سلاسل محادثة واقعية ودعم الإرسال عند الضغط على Enter |
| Documents | منطقة رفع بالسحب والإفلات، وشرائح فلترة للفئات، وشبكة ملفات مع إجراءات عند التمرير |
| Reports | مخطط أعمدة، ومخطط إشغال أفقي، ومخطط دائري للصيانة، وجدول KPI metrics، ومفتاح نطاق زمني (3m / 6m / 12m) |
| Admin Console | جدول إدارة المستخدمين، ولوحة صحة النظام والتكاملات، ومرجع REST API كامل، وتعليمات النشر (PostgreSQL، Docker، Vercel، وإعداد Webhook لـ Stripe) |
البيانات عبر كل شاشة محاكاة. تحتاج اتصالات الخلفية إلى إعداد قبل أن يخزن أي شيء أو يسترجع بيانات حية. ما تحصل عليه بعد ثماني دقائق هو هيكل أمامي بجودة إنتاجية مع تغطية كافية للشاشات وكثافة بيانات تسمح بعرض توضيحي عملي.
كل الأدوار الثلاثة للمستخدمين مقسمة بشكل صحيح، والتفاصيل في كل منها مبهرة
التحكم في الوصول القائم على الأدوار هو المكان الذي غالبًا ما تختصر فيه أدوات الذكاء الاصطناعي. Figma Make لم تفعل ذلك. كل دور يسجل الدخول إلى تجربة مختلفة تمامًا، مع تنقله الخاص، ومنظر بياناته الخاص، ونطاقه الخاص.
| الدور | عناصر التنقل | تركيز لوحة التحكم |
|---|---|---|
| Landlord (Marcus Hewitt) | Dashboard, Properties, Leases, Payments, Maintenance, Messages, Documents, Reports | مقاييس على مستوى المنصة عبر جميع العقارات والمستأجرين |
| Tenant (Priya Nair) | Dashboard, Leases, Payments, Maintenance, Messages, Documents | مقاييس شخصية لهذا المستأجر فقط |
| Admin (Cassandra Voss) | جميع عناصر Landlord بالإضافة إلى Admin | نفس لوحة Landlord مع وصول إلى Admin Console |
تفاصيل لوحة Landlord:
- Monthly Revenue: $41,900 (Apr 2024, +2.8% vs last month)
- Occupancy Rate: 88% (76/86 units, +1.2% vs last month)
- Open Requests: 5 maintenance tickets
- Total Properties: 6 properties, 86 total units
- Revenue vs. Expenses chart spanning May to April (12 months)
- Recent activity feed: rent received, overdue payments, new maintenance request, expiring lease, tenant message
- Alert banner: “2 overdue payments require attention” with Tomás Reyes ($2,100) and Fatima Al-Sayed ($2,650) named, and a Send Reminders action button
تفاصيل لوحة Tenant (Priya Nair):
- Next Payment: $1,850, due April 1, 2024
- Lease Status: Active, ends August 31, 2024
- Open Requests: 1 (HVAC repair pending)
- Messages: 2 unread
- Payment history showing Maple Grove #4B, $1,850, Paid
- Maintenance request showing “HVAC not cooling,” In Progress badge, dated March 28, 2024
تفتح شاشة Payments على دور Tenant نافذة Stripe عند النقر على “Pay Now”:
- Header: “Secure Payment. Powered by Stripe.”
- Payment line: April Rent, Maple Grove #4B, $1,850.00
- Card Number field (pre-formatted)
- Expiry (MM/YY) and CVC fields
- Pay button pre-labelled: “Pay $1,850.00”
- Footer: “256-bit SSL encryption · PCI DSS compliant”
Admin Console (Cassandra Voss):
تحتوي Admin Console على أربع علامات تبويب (Users, System, API Docs, Deployment) وتفتح على جدول إدارة المستخدمين.
يحتوي كل صف على زري تعديل وإزالة. يوجد زر Invite User في أعلى يمين الجدول. تم تمييز Tomás Reyes بشكل صحيح كـ Delinquent، بما يتسق مع تنبيه الدفعات المتأخرة الظاهر في لوحة Landlord.
التحرير يستخدم أداتين متوازيتين وكلتاهما متاحتان مجانًا
بعد اكتمال البناء، يتاح مسارا تحرير في الوقت نفسه، ولا يحجب أيٌّ منهما خلف خطة مدفوعة.
المسار 1: المحرر البصري
- انقر أي عنصر في المعاينة المباشرة لتحديده وفتح شريط تحرير عائم
- يحتوي شريط التحرير على: محدد خط، وحجم خط (مع أزرار ناقص وزائد)، وBold، وItalic، ومحاذاة النص، وعناصر تحكم بالعرض، والتباعد، وحذف العنصر
- يُضاف العنصر المحدد إلى حقل الإدخال في الدردشة في الوقت نفسه، لذا فإن النقر على عنصر ثم الكتابة في الدردشة يرسل طلب تغيير مع وضع هذا العنصر في السياق بالفعل
- يُظهر تحديد حاوية نوع المكوّن الدقيق والتداخل (على سبيل المثال، “div x 4”) فوق شريط الأدوات، مما يمنحك سياقًا دقيقًا للتخطيط من دون فتح الكود
إن الصلة بين المحدد البصري وإدخال الدردشة هي الجزء الأكثر عملية في سير عمل التحرير هذا.
لا تحتاج إلى الاختيار بينهما. تنقر لتحديد العنصر، ثم تكتب في الدردشة لتصف ما تريد تغييره، ويطبّق الذكاء الاصطناعي التغيير وهو يعرف تمامًا العنصر الذي اخترته.
المسار 2: محرر الكود
يفتح النقر على أيقونة الكود أعلى مساحة العمل الشفرة المصدرية الكاملة لـ React. بنية الملفات:
src/
app/
components/
App.tsx (1,300+ lines)
styles/
fonts.css
globals.css
index.css
tailwind.css
theme.css
guidelines/
ATTRIBUTIONS.md
default_shadcn_theme.css
package.json
pnpm-workspace.yaml
postcss.config.mjs
vite.config.ts
تم تنظيم App.tsx إلى وظائف عرض مسماة (DashboardView, ReportsView, MaintenanceView، وما إلى ذلك) مع تعليقات أقسام تفصل كل شاشة.
الكود قابل للقراءة، ومنظم جيدًا، وقابل للتعديل مباشرة في المتصفح. لا حاجة إلى تنزيل أو محرر خارجي. هذا الوصول الكامل إلى الشفرة متاح في الخطة المجانية.
التغييرات التي تُجرى عبر المحرر البصري أو الدردشة أو محرر الكود تتدفق كلها إلى المعاينة المباشرة نفسها وتنعكس فورًا.
أكثر من 10 تحذيرات في أول بناء، وتم إصلاحها بدقة بنقرة واحدة
بعد اكتمال البناء الأولي، ظهرت لافتة أسفل لوحة الدردشة: “10+ warnings” مع زر “Fix for me” وأيقونة إغلاق.
أظهر فتح وحدة تحكم المتصفح (المتاحة عبر أيقونة console في مساحة العمل) أن السبب هو معرفات gradient مكررة في مكتبة Recharts الخاصة بالرسوم البيانية.
السبب: قسما Dashboard وReports سجلا أسماء gradients عامة متطابقة (revGrad، expGrad) كعناصر SVG. تسجل Recharts الـ gradients بواسطة المعرف في مساحة أسماء SVG، لذا تتصادم الأسماء العامة من عدة مثيلات رسوم بيانية داخل المستند نفسه. أظهرت وحدة التحكم قائمة طويلة من مراجع JavaScript المصغرة، وكلها تتبع هذا التعارض.
أدى النقر على “Fix for me” إلى تمريرة بناء ثانية. حدّدت الأداة ثلاث مشكلات محددة وطبقت إصلاحات مستهدفة:
- Dashboard AreaChart: أعادت تسمية معرفات gradient من revGrad / expGrad العامة إلى معرّفات فريدة dash-area-rev / dash-area-exp، مما منع التعارض في مساحة الأسماء
- Occupancy BarChart: بدّلت مفاتيح الخلايا من الفهرس الرقمي (key={i}) إلى مفاتيح نصية مستقرة باستخدام اسم العقار (key={\occ-${entry.property}`}`)، بحيث تمتلك كل خلية مفتاحًا فريدًا ومستقرًا
- Maintenance PieChart: طبقت إصلاح المفتاح نفسه باستخدام اسم الإدخال (key={\pie-${entry.name}`}`)
حُفظ هذا البناء تلقائيًا كإصدار 2. تُظهر لوحة سجل الإصدارات (المتاحة عبر النقر على تسمية الإصدار أعلى مساحة العمل) سجلًا واضحًا:
| الإصدار | التسمية | الوقت |
|---|---|---|
| Version 1 | Property Management Platform | 4:06 PM |
| Version 2 | Resolve code warnings | 4:19 PM |
بعد التمريرة الثانية، أظهرت وحدة التحكم فقط رسائل vite hot-reload النظيفة، واختفت لافتة التحذيرات. التراجع إلى Version 1 يتم بنقرة واحدة من لوحة سجل الإصدارات.
استغرقت دورة الإصلاح الكاملة من أول بناء إلى وحدة تحكم نظيفة 13 دقيقة، من دون أي تعديل يدوي للكود.
لوحة الإعدادات أعمق مما تتوقعه من أداة تجريبية
يتم الوصول إلى لوحة الإعدادات عبر أيقونة الترس في أعلى يمين مساحة العمل. يرتب القائمة المنسدلة الخيارات ضمن مجموعتين:
إعدادات Make:
- General
- Domains
- Fonts
- Chat preferences
- Audio
التكاملات:
- GitHub
- Supabase
- Adjust guidelines
General settings يغطي حالة النشر وإعدادات SEO:
| الإعداد | التفصيل |
|---|---|
| Status | Not published (Publish button available inline) |
| Title | Editable project name |
| Meta description | Auto-populated from build context |
| Language | ISO language code field |
| Google Analytics ID | Connect a GA4 property for traffic tracking |
| Exclude from search engine results | Checkbox, checked by default on the free plan |
| Clear chat context | Permanently clears Make’s conversation memory; chat history log remains visible |
إن خيار Clear chat context جدير بالفهم. فهو يمسح ذاكرة Make لمحادثة البناء من دون إزالة سجل الدردشة المرئي. هذا مفيد عندما يصبح خيط بناء طويل سببًا في تمسك الذكاء الاصطناعي بسياق أقدم أثناء طلبات التغيير الجديدة.
إعدادات Domains تُظهر:
- Base domain: example.figma.site (النطاق الفرعي المجاني، ويصبح مباشرًا عند النشر)
- Connected domains: خيار لإضافة نطاق مخصص من مزود خارجي (الخطة المدفوعة مطلوبة)
التكاملات:
- GitHub: تصدير الكود ومزامنة المستودع
- Supabase: ربط خلفية وقاعدة بيانات حقيقيتين لاستبدال طبقة البيانات المحاكاة
- Adjust guidelines: تعيين تعليمات مخصصة تتبعها الأداة عند إجراء التغييرات، بما يغطي أشياء مثل معايير مكتبة المكونات، وقواعد التسمية، أو قيود التصميم التي تريد الالتزام بها عبر كل بناء وتكرار
يُعد خيار Adjust guidelines إضافة ذات أهمية لا تعرضها الأجزاء الأخرى من الأداة بشكل بارز. فهو يسمح لك بتحديد كيفية تصرف الذكاء الاصطناعي قبل بدء البناء، بدلًا من تصحيح الأنماط غير المرغوبة بعد وقوعها.
النشر بنقرة واحدة ورابط الخطة المجانية يبدو كتطبيق مستقل حقيقي
يفتح النقر على زر Publish في أعلى اليمين لوحة تغطي كل ما تحتاجه للانطلاق:
| الحقل | التفصيل |
|---|---|
| Title | Editable project name |
| URL | example.figma.site |
| Status | Not published |
| Feature on Community | Toggle to list the app in the Figma Community gallery |
إن مفتاح Feature on Community يوسع قسم معاينة يوضح كيف سيظهر التطبيق في Figma Community إلى جانب التطبيقات المنشورة الأخرى.
من هنا:
- يمكنك تحديد ما يصل إلى خمسة وسوم لتصنيف التطبيق (تشمل الخيارات Apps, Dashboards، وأكثر عبر “Show more”)
- يتحكم مربع اختيار “Show chat history” في ما إذا كانت محادثة البناء ستكون مرئية لمشاهدي المجتمع
- تؤكد ملاحظة: “By publishing to Community, you agree to Figma’s Creator Agreement”
بعد النشر، يفتح رابط figma.site التطبيق في عرض متصفح مستقل. لا توجد واجهة محرر Figma، ولا علامة مائية، ولا شارة “built with Figma Make” ظاهرة حول التطبيق. إنه يحمل ويعمل كتطبيق ويب مستقل حقيقي، لا كنموذج أولي مؤطر.
يتضمن نشر الخطة المجانية:
- رابطًا قابلًا للمشاركة على نطاق فرعي figma.site
- عرض تطبيق مستقل من دون أي علامة Figma مرئية
- إمكانية إبراز التطبيق في Figma Community
يضيف نشر الخطة المدفوعة:
- نطاقًا مخصصًا من مزود خارجي
- مزيدًا من رصيد الذكاء الاصطناعي لعمليات البناء والتكرار الإضافية
أسعار وخطط Figma Make
لا تُباع Figma Make كمنتج مستقل. يأتي الوصول إليها ضمن خطط Figma Full seat، وتُشارك أرصدة الذكاء الاصطناعي عبر كل ميزات Figma AI، وليس فقط Make. يسحب البناء في Figma Make من نفس الحصة الشهرية التي تستخدمها أدوات الذكاء الاصطناعي في Figma Design، وتحرير الصور، وأي إجراء آخر مدعوم بالذكاء الاصطناعي داخل المنصة.
تتضمن خطة Starter المجانية الوصول إلى Figma Make، لكن سقف الرصيد الشهري منخفض بما يكفي لأن بناءً واحدًا معقدًا سيستهلك جزءًا كبيرًا منه. خطة Starter مناسبة لتقييم الأداة وتشغيل اختبارات لمرة واحدة، لا لفرق تستخدم Make كجزء منتظم من سير العمل.
تُنظم الخطط المدفوعة حول أنواع المقاعد. تشمل Full seats في مستويات Professional وOrganization وEnterprise كمية أكبر بكثير من أرصدة الذكاء الاصطناعي شهريًا، مع زيادة الحصة في كل مستوى تدريجيًا. إذا كنت على خطة Figma مدفوعة أساسًا من أجل Design، فإن Make متاحة بالفعل لك من دون أي تكلفة إضافية ضمن حصة الرصيد الحالية.
يمكن شراء أرصدة ذكاء اصطناعي إضافية كإضافة عبر الخطط المدفوعة، وهو أمر يستحق التفكير إذا كان فريقك ينفذ عدة عمليات بناء في Make أسبوعيًا إلى جانب استخدام Figma AI المعتاد.
لا توجد تجربة مجانية منفصلة عن خطة Starter، ولا توجد سياسة استرداد أموال مذكورة في الشروط المنشورة من Figma. لا ينتج عن إلغاء الخطة السنوية استرداد للمدة المتبقية. يمكن التعامل مع إلغاءات خطة Professional من لوحة الإدارة؛ وتتطلب إلغاءات Organization وEnterprise التواصل مع فريق المبيعات مباشرة.
للمواءمة العملية مع الخطة: تغطي خطة Starter التقييم والاستخدام العرضي. تمثل Professional Full seat نقطة الدخول الدنيا الواقعية للفرق التي تريد استخدام Make أكثر من مرة أو مرتين في الشهر من دون الوصول إلى حدود الرصيد في منتصف المشروع.
بدائل Figma Make
أقرب منافس مباشر لـ Figma Make حاليًا هو Lovable. بينما تنتج Figma Make تطبيقًا أماميًا داخل مساحة عمل Figma، فإن Lovable هو منشئ تطبيقات بالذكاء الاصطناعي مخصص يتولى المنظومة الكاملة: الواجهة الأمامية، والواجهة الخلفية، وقاعدة البيانات، والمصادقة، والنشر بنقرة واحدة، من منصة مستقلة تضم أكثر من 8 ملايين مستخدم مُبلّغ عنهم.
بالنسبة لأي شخص ليس موجودًا بالفعل على خطة Figma مدفوعة، أو يحتاج إلى تطبيق متصل بإنتاج حقيقي بدلًا من نموذج أولي مصقول، فإن Lovable يصل بك إلى تطبيق منشور ومتصل بالبيانات بسرعة أكبر وبإعدادات أقل.
| الميزة | Figma Make | Lovable |
|---|---|---|
| سهولة الاستخدام | قائم على المطالبة أولًا من دون أي إعدادات | قائم على المطالبة أولًا من دون أي إعدادات |
| الأفضل لـ | المصممين والفرق الموجودة أصلًا على خطة Figma مدفوعة | المؤسسين غير التقنيين الذين يبنون MVPs وينشرونها |
| الواجهة الخلفية والبيانات | واجهة أمامية فقط؛ Supabase متاحة كتتكامل | واجهة خلفية مدمجة مع Supabase متضمنة منذ البداية |
| مرونة التصميم | محرر بصري، وتحرير عبر الدردشة، ووصول كامل إلى الشفرة المصدرية | تحرير قائم على الدردشة مع إمكانية تصدير الكود |
| نموذج التسعير | مدمج مع خطة Figma Full seat؛ حصة أرصدة ذكاء اصطناعي مشتركة | اشتراك مستقل مع نظام أرصدة خاص به |
الحكم النهائي: هل Figma Make تستحق ذلك؟
بالنسبة لأي شخص يدفع بالفعل مقابل Figma Full seat، فالإجابة واضحة: نعم، وبفارق كبير. جودة المخرجات تضع Figma Make أمام معظم أدوات بناء التطبيقات بالذكاء الاصطناعي التي كانت في السوق منذ زمن أطول بكثير.
أنتجت مطالبة واحدة منصة متعددة الشاشات لإدارة العقارات، واعية بالأدوار، مع نافذة دفع Stripe، ولوحة تحكم تحليلية حية، ولوحة Kanban للصيانة، وواجهة مراسلة ثنائية اللوحات، ولوحة إدارية كاملة مع جدول لإدارة المستخدمين، ووثائق REST API، وتعليمات النشر. كل ذلك في ثماني دقائق، مع وصول كامل إلى الشفرة المصدرية في الخطة المجانية ورابط نشر مستقل نظيف. لا شيء من ذلك عادي بالنسبة لمنتج تجريبي.
بالنسبة للفرق غير الموجودة حاليًا على Figma، يتطلب الحساب نظرة صادقة إلى ما تحتاجه فعلًا. الحصول على وصول ذي معنى إلى Figma Make يتطلب Full seat على خطة Figma مدفوعة، وهو استثمار أوسع في المنصة مما تطلبه أي أداة بناء مستقلة. إذا كان الهدف الأساسي هو شحن تطبيق ويب عملي مع قاعدة بيانات حية ومستخدمين حقيقيين بدلًا من نموذج أولي، فإن Lovable يصل إلى تلك النتيجة مع إعدادات أقل ومن دون الحاجة إلى اشتراك في منصة تصميم.
الجمهور الذي يستفيد أكثر من Figma Make الآن هو المصممون وفرق المنتجات الذين يريدون سد الفجوة بين نموذج Figma ثابت وبناء تفاعلي مدعوم بالكود يمكن اختباره، من دون تغيير الأدوات أو انتظار مطور ليحقق ذلك. بالنسبة لهذا الاستخدام المحدد، فإن Figma Make هي الخيار الأفضل المتاح.
