Banani

Banani هي منصة لتصميم واجهات المستخدم مدعومة بالذكاء الاصطناعي، صُممت لمساعدة فرق المنتجات على الانتقال بسرعة من الفكرة الأولية إلى واجهات قابلة للتعديل والتنفيذ.

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

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

كما تستطيع Banani إنشاء عدة Variations من Prompt واحد، وتحويل التصميم بين تنسيقات الهاتف المحمول وسطح المكتب، بالإضافة إلى تحويل Wireframes منخفضة الدقة إلى واجهات High-Fidelity أكثر احترافية.

تدعم Banani أيضًا Workflows تعتمد على المراجع. يمكن استخدام لقطات الشاشة، والصور، والرسومات التخطيطية، وروابط Figma لإعادة إنشاء Layout معين، أو استخراج نمط بصري، أو إنشاء واجهة جديدة مستوحاة من منتج موجود.

يمكن كذلك إضافة عناصر الهوية البصرية مثل الشعارات والألوان، مما يساعد على الحفاظ على تصميم أكثر اتساقًا عبر الشاشات والمشاريع المختلفة.

يمكن مشاركة التصاميم المكتملة عبر روابط المشاريع، أو تصديرها كصور، أو نقلها إلى Figma على شكل Layers قابلة للتحرير مع الحفاظ على Auto Layout.

تدعم Banani أيضًا تصدير HTML وCSS، بينما يتيح تكامل MCP ربط التصاميم بوكلاء برمجة متوافقين مثل Claude Code وCursor وCodex للمساعدة في تحويل التصميمات إلى React وTailwind أو تقنيات تنفيذ أخرى.

تعد المنصة مناسبة للمصممين، ومديري المنتجات، والمطورين، والمؤسسين، والفرق التي تمتلك موارد محدودة في مجال UI/UX وتحتاج إلى الانتقال بسرعة من الفكرة إلى واجهة قابلة للمراجعة والتنفيذ.

تتوفر خطة مجانية تتضمن Credits شهرية ويومية، ومشاريع خاصة، وعددًا محدودًا من عمليات التصدير اليومية إلى Figma. بينما تضيف الخطط المدفوعة المزيد من عمليات التوليد، وسرعة معالجة أعلى، وتصديرًا غير محدود إلى Figma، وتصدير Code، بالإضافة إلى ضوابط وإمكانات إضافية للمؤسسات.

بشكل عام، تعد Banani أداة عملية لتسريع تصميم المنتجات الرقمية، حيث تجمع بين توليد الواجهات بالذكاء الاصطناعي، والتحرير المرئي، والعمل باستخدام المراجع، والتكامل مع Figma وأدوات البرمجة ضمن Workflow واحد.