Material Go قائمة الانتظار
قريبًا على Figma Community · مبنية على Material Design 3

حوّل الـ Wireframe إلى تصميم Material 3 بدل أن تعيد بناءه يدويًا

Material Go يقرأ الـ Wireframe، ويقترح مكوّن Material 3 المناسب لكل عنصر، ثم يبني لك نسخة جديدة بمكوّنات حقيقية من الـ Design Kit الرسمي، بعد أن تراجع التوصيات وتعتمدها بنفسك.

انضم لقائمة الانتظار كيف تعمل؟
ماذا ستحصل عليه

ثلاث مراحل كانت تأخذ أيامًا، صارت جزءًا من سير عمل واحد

تعرّف تلقائي على المكوّنات

يحلّل الذكاء الاصطناعي كل عنصر في الـ Wireframe ويقترح له مكوّن Material 3 المناسب، من الأزرار والبطاقات إلى شريط التنقّل، مع التنبيه على المكوّنات المهجورة وبدائلها في M3 Expressive.

أنت صاحب القرار الأخير

تصلك التوصيات في جدول Google Sheet واضح، مرتبط بطبقات تصميمك. اعتمد ما يناسبك أو غيّره بحالة واحدة: Approved أو Candidate أو Custom أو Skip.

نسخة جاهزة بمكوّنات حقيقية

تبني الإضافة إطارًا جديدًا بجانب الأصلي باستخدام مكوّنات Material 3 Design Kit من Google، فيبقى الـ Wireframe كما هو وتحصل على نقطة انطلاق قابلة للتعديل.

كيف تعمل

أربع خطوات من الـ Wireframe إلى Material 3

  1. ١

    حدّد الإطار

    افتح الإضافة واختر الـ Wireframe الذي تريد تحويله، وأضف مفتاح الـ API الخاص بك مرة واحدة.

  2. ٢

    احصل على التدقيق

    يحلّل الذكاء الاصطناعي التصميم وينشئ جدول تدقيق للمكوّنات، كل صف فيه مرتبط بطبقته في فيجما.

  3. ٣

    راجع واعتمد

    تصفّح التوصيات في الجدول، واعتمد المكوّن المقترح أو اختر بديلًا أو استبعد العنصر.

  4. ٤

    طبّق التحويل

    بضغطة واحدة تنشئ الإضافة نسخة من التصميم بمكوّنات Material 3 الحقيقية، جاهزة للصقل.

الأسئلة الشائعة

هل أحتاج اشتراكًا منفصلًا في خدمة ذكاء اصطناعي؟

تعمل الإضافة بمفتاح الـ API الخاص بك، فتبقى تكلفة الاستخدام وبياناتك تحت سيطرتك، ولا يُحفظ المفتاح خارج جهازك.

هل ستعدّل الإضافة تصميمي الأصلي؟

لا. تنشئ الإضافة إطارًا جديدًا بجانب الـ Wireframe، ويبقى الأصل كما هو للمقارنة أو الرجوع إليه.

ما مكتبة المكوّنات المستخدمة؟

تعتمد الإضافة على Material 3 Design Kit الرسمي من Google المتاح على Figma Community، لذلك تحصل على مكوّنات حقيقية بمتغيّراتها وليست أشكالًا مرسومة.

ماذا لو لم تناسبني إحدى التوصيات؟

غيّر حالتها في الجدول: Custom لتستخدم مكوّنًا مخصّصًا، أو Skip لتترك العنصر كما هو. الإضافة تطبّق ما اعتمدته فقط.

هل تدعم مكوّنات M3 Expressive الجديدة؟

نعم. تشمل التوصيات مكوّنات مثل Button groups وToolbars وLoading indicator، وتنبّهك عند اختيار مكوّن مهجور مثل Bottom app bar مع اقتراح بديله.

متى تُطلق الإضافة؟

الإضافة الآن في مرحلة التجهيز للنشر على Figma Community. انضم لقائمة الانتظار وستصلك نسخة التجربة وتفاصيل الإطلاق قبل الجميع.

كن من أوائل من يجرّب Material Go

الإضافة قيد التجهيز للنشر على Figma Community. انضم لقائمة الانتظار لتصلك نسخة التجربة أولًا.

انضم لقائمة الانتظار