# Banani > AI-ontwerptool voor interfaces die prompts, screenshots of Figma-links omzet in bewerkbare prototypes met meerdere schermen. Banani is een AI-tool voor UI-ontwerp die bewerkbare interfaceprototypes met meerdere schermen maakt van een tekstprompt, een screenshot of een Figma-link. Je gebruikt Banani door een product te beschrijven, de schermen via chat of handmatige stijlinstellingen te verfijnen en vervolgens een projectlink te delen of het werk te exporteren als Figma-lagen, HTML/CSS of afbeeldingsbestanden. **Best for:** Productmanagers, oprichters en engineers die snel presentabele UI-concepten nodig hebben zonder eigen ontwerper, en ontwerpers die sneller een eerste versie willen. - Official site: https://www.banani.co - Listed in: [UI- en UX-ontwerp](https://trendhub.net/nl/ai-tools/category/ui-ux-design) - Last checked: 2026-10-09 (facts taken from banani.co) - Source page: https://trendhub.net/nl/ai-tools/banani-ai-ui-design-prototype-generator ## Key facts - Platforms: Web, MCP - Pricing model: Freemium - Free plan: Yes - Made by: Banani ## Wat is Banani? Banani is een AI-ontwerptool die gebruikersinterfaces en klikbare prototypes maakt op basis van een geschreven beschrijving. Naast tekst accepteert de tool afbeeldingen, screenshots en Figma-links als referentie, en leest daaruit de indeling en visuele stijl af, zodat hij de interface kan nabouwen of nieuwe richtingen kan voorstellen. De uitvoer is een reeks gekoppelde schermen die bewerkbaar blijven: je kunt de assistent in de chat vragen de sfeer van een ontwerp te veranderen, of kleuren, lettertypen en andere tokens met de hand aanpassen. Afgerond werk deel je via een projectlink of exporteer je naar Figma, HTML/CSS of afbeeldingsbestanden, en via een MCP-koppeling kunnen codeeragents de ontwerpen rechtstreeks lezen. Volgens de site is het product opgericht door Vlad Solomakha en Vova Parkhomchuk en wordt het aangeboden in de niveaus Free, Plus, Pro en enterprise. ## Key features - **Van tekst naar prototype**: Bouwt uit een beschrijving in gewone taal van het product dat je voor ogen hebt meerdere gekoppelde, bewerkbare schermen. - **Genereren op basis van een referentie**: Neemt een afbeelding, screenshot of Figma-link en haalt daar indeling en opmaak uit om het scherm na te bouwen of nieuwe ideeën uit te werken. - **Stijlinstellingen**: Verandert de sfeer van een ontwerp via een verzoek in de chat, met handmatige controle over kleuren, typografie en andere tokens. - **Delen via een link**: Stuurt een project of één scherm naar collega’s, zodat ze het kunnen bekijken en erop kunnen reageren. - **Exportopties**: Brengt ontwerpen naar Figma over als lagen die bewerkbaar blijven en auto layout behouden, of levert HTML/CSS of afbeeldingsbestanden; export naar Figma en code is voorbehouden aan betaalde abonnementen. - **MCP-koppeling**: Koppelt gekozen schermen aan codeeragents zoals Claude Code, Cursor en Codex, zodat ze die in jouw stack kunnen bouwen. ## How Banani works 1. **Beschrijf of upload**: Schrijf wat het product moet doen, of geef een afbeelding, screenshot of Figma-link als referentie. 2. **Bekijk de gegenereerde schermen**: Banani levert een klikbaar prototype van meerdere schermen. 3. **Pas het ontwerp aan**: Klik op een element of chat met de assistent om het te wijzigen, en stem stijltokens handmatig af. 4. **Deel of exporteer**: Verstuur een projectlink, of haal het ontwerp eruit als Figma-lagen, HTML/CSS of afbeeldingsbestanden. ## Use cases - **Wireframes voor productspecificaties**: Een productmanager schetst snel een flow om een idee aan engineers en stakeholders uit te leggen. - **Prototypes van oprichters**: Een startup zonder ontwerper maakt een mockup van een app voordat er ontwikkeltijd in wordt gestoken. - **Herontwerp op basis van een screenshot**: Voer een bestaand scherm in en genereer er alternatieve versies van. - **Overdracht van ontwerper naar Figma**: Genereer een eerste versie en werk de lagen daarna verder uit in Figma. - **Van ontwerp naar code met agents**: Geef geselecteerde schermen via MCP door aan een codeeragent die ze implementeert. ## Things to know - **Genereren gaat op credits**: Eén generatie kost meestal meer dan één credit, afhankelijk van hoe complex het verzoek is. Gratis accounts krijgen er 12 per maand met 3 dagelijkse aanvullingen; Plus krijgt er 100 met 10 dagelijkse aanvullingen; Pro is onbeperkt. - **Export naar Figma en code is betaald**: In de prijs-FAQ is export naar Figma en export van HTML/CSS beperkt tot de abonnementen Plus en Pro. - **Zonder credits pauzeert alleen het genereren**: Bestaande projecten blijven te bekijken en te delen; nieuwe AI-generaties wachten tot de credits worden aangevuld of de factureringsperiode opnieuw begint. - **Jaarprijzen getoond**: De vermelde prijzen zijn die bij jaarlijkse facturering, die volgens de site 40% lager zijn dan bij maandelijkse betaling. ## FAQs ### Wat is Banani? Banani is een AI-tool voor het ontwerpen van gebruikersinterfaces. Het genereert bewerkbare schermen en interactieve prototypes uit prompts, referentieafbeeldingen en productvereistendocumenten. ### Waarvoor wordt Banani gebruikt? Banani wordt gebruikt om wireframes en uitgewerktere UI voor webapps, mobiele apps, dashboards en landingspagina’s op te zetten en het resultaat daarna te delen of te exporteren. ### Is Banani gratis? Ja. Banani heeft een Free-abonnement dat niet verloopt en geen creditcard vraagt; het bevat 12 credits per maand plus 3 dagelijkse aanvullingen en privéprojecten. ### Hoeveel kost Banani? Banani heeft een gratis abonnement. De tarieven van de betaalde abonnementen staan op banani.co. Bekijk de officiële prijspagina voor de actuele bedragen. ### Kan Banani exporteren naar Figma? Ja, in betaalde abonnementen. Volgens de prijs-FAQ van Banani kunnen gebruikers van Plus en Pro ontwerpen als bewerkbare lagen naar Figma sturen en ook HTML/CSS exporteren. ### Werkt Banani met codeeragents? Ja. Banani biedt een MCP-koppeling voor agents zoals Claude Code, Cursor en Codex, en volgens de prijs-FAQ zit die in elk abonnement. ### Wie maakt Banani? Banani is opgericht door Vlad Solomakha en Vova Parkhomchuk, die het bedrijf omschrijven als een klein team van ontwerpers en ontwikkelaars. --- Source: https://trendhub.net/nl/ai-tools/banani-ai-ui-design-prototype-generator (trendhub)