Banani هي منصة لتصميم واجهات المستخدم مدعومة بالذكاء الاصطناعي، مصممة لمساعدة فرق المنتجات على الانتقال بسرعة من فكرة أولية إلى واجهة قابلة للتحرير. يمكن للمستخدمين وصف منتج بلغة بسيطة، أو تحميل لقطة شاشة أو رسم أولي، أو إرفاق مرجع بصري، أو تقديم مستند متطلبات المنتج، أو استيراد تصميم Figma.
بعد ذلك، يقوم Banani بإنشاء واجهات ويب أو واجهات للهاتف المحمول يمكن أن تتضمن عدة شاشات مترابطة، بدلًا من مجرد تخطيط ثابت واحد.
تظل التصميمات التي يتم إنشاؤها قابلة للتحرير داخل Banani. يمكن للمستخدمين تحديد عناصر فردية، وإجراء تعديلات يدوية، أو التفاعل مع الذكاء الاصطناعي عبر الدردشة لضبط التخطيطات، والطباعة، والألوان، والمحتوى، والمكونات، والاتجاه البصري العام.
يمكن للمنصة أيضًا إنتاج عدة نسخ من أمر نصي واحد، وتحويل التصميمات بين صيغ الهاتف المحمول وdesktop، وتحويل wireframes منخفضة الدقة إلى واجهات عالية الدقة وأكثر صقلًا.
يدعم Banani workflows التصميم القائمة على المراجع. يمكن استخدام لقطات الشاشة، والصور، والرسومات، وروابط Figma لإعادة إنتاج تخطيط معين، أو استخراج نمط بصري، أو إنشاء واجهة جديدة مستوحاة من منتج موجود.
يمكن أيضًا إضافة عناصر العلامة التجارية مثل الشعارات والألوان، بحيث تتبع الشاشات المستقبلية هوية بصرية أكثر اتساقًا.
يمكن مشاركة التصميمات النهائية من خلال روابط المشاريع، أو تصديرها كصور، أو نقلها إلى Figma كطبقات قابلة للتحرير مع الحفاظ على auto layout.
يدعم Banani أيضًا تصدير HTML وCSS، بينما يربط تكامل MCP الخاص به التصميمات بوكلاء برمجة متوافقين مثل Claude Code وCursor وCodex لإنشاء كود React أو Tailwind أو أي كود تنفيذ آخر.
المنصة مناسبة للمصممين، وكذلك لمديري المنتجات، والمطورين، والمؤسسين، والفرق التي تملك موارد تصميم محدودة.
تتوفر خطة مجانية مع أرصدة شهرية ويومية، ومشاريع خاصة، وعمليات تصدير Figma يومية محدودة. أما الخطط المدفوعة، فتقدم توليدات أكثر، ومعالجة أسرع، وتصدير Figma غير محدود، وتصدير الكود، وضوابط خاصة بالمؤسسات.