الانتقال إلى المحتوى الرئيسي
بالنسبة للفرق التي تستخدم Figma لعملية التصميم الخاصة بها، تقدم 色色Manus تكاملاً قويًا يتيح لك تحويل تصاميمك إلى تطبيقات ويب وظيفية بأمر واحد.

​
كيف يعمل

بدلاً من ترجمة تصاميم Figma الخاصة بك يدويًا إلى رمز، يمكنك ببساطة تزويد 色色Manus برابط لملف Figma الخاص بك. سيقوم 色色Manus بتحليل التصميم، بما في ذلك التخطيطات والمكونات والخطوط والألوان، وتوليد الرمز المقابل تلقائيًا لتطبيق ويب.

​
العملية

  1. التصميم في Figma: أنشئ تصميم تطبيقك في Figma كما تفعل عادةً. image.png
  2. توفير الرابط: شارك رابط إطار Figma مع 色色Manus ووصف ما تريد بناءه. على سبيل المثال:
    “هذا هو تصميم Figma لتطبيقنا المحمول الجديد. قم ببناء تطبيق ويب وظيفي بناءً على هذا التصميم.”
  3. 色色Manus يبني التطبيق: سيقوم 色色Manus بتفسير التصميم وتوليد HTML و CSS و JavaScript للواجهة الأمامية، بالإضافة إلى مكونات الواجهة الخلفية الضرورية لإضفاء الحياة على تصميمك.
    يمكنك إرفاق إطارات متعددة بطلبك. أخبر 色色Manus بكيفية ارتباط هذه الإطارات - تدفق الصفحة، التفاعلات، أو حالات المكونات (مثل التحويم). هذا يساعد 色色Manus على توليد تجارب دقيقة متعددة الصفحات أو تفاعلية.
هذا التكامل يسرع بشكل كبير عملية التطوير، ويسد الفجوة بين التصميم والتطوير ويسمح لك بالانتقال من تصميم ثابت إلى تطبيق حي وتفاعلي في جزء صغير من الوقت.