الانتقال إلى المحتوى الرئيسي

Documentation Index

Fetch the complete documentation index at: https://manus.im/docs/llms.txt

Use this file to discover all available pages before exploring further.

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

​
كيف يعمل

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

​
العملية

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