Design web & mobile UI with AI | Banani
2.6K views · 2025-10-28
UI Design
In this video, I turn simple text prompts into production-ready layouts using Banani (AI UI) — from first idea to polished screens, ready to export straight to Figma.
I put Banani to the test: starting from a one-sentence brief, I generate a wellness mobile experience, iterate with natural language, and refine typography, layout, and color until it’s share-worthy. You’ll see how text-to-design works in practice and where AI fits into a modern UI workflow — all while staying compatible with your existing Figma process.
What you’ll learn:
[✓] Turning text prompts → UI (components, layout, and styles)
[✓] Iterating with simple text instructions and style control
[✓] Going from concept to clean, ready-to-use screens for mobile or web
Timestamps:
00:21 Banani prompt input form
01:10 Design specs generated by Banani based on the prompt
01:40 Banani AI-powered design canvas
02:15 Applying different styles in real time using Banani
02:35 Prompting AI to change design (global prompt)
03:10 Introducing small tweaks in Edit section mode
03:55 Generating new page in a context of the application
04:20 Exporting design to Figma
04:44 Team collaboration in Banani
Try Banani (free trial):
👉 Sign up: https://app.banani.co/?utm_source=youtube&utm_medium=influencer&utm_campaign=nick_babich
#AIDesign #UIDesign #ProductDesign #WebDesign #MobileDesign #Banani
I put Banani to the test: starting from a one-sentence brief, I generate a wellness mobile experience, iterate with natural language, and refine typography, layout, and color until it’s share-worthy. You’ll see how text-to-design works in practice and where AI fits into a modern UI workflow — all while staying compatible with your existing Figma process.
What you’ll learn:
[✓] Turning text prompts → UI (components, layout, and styles)
[✓] Iterating with simple text instructions and style control
[✓] Going from concept to clean, ready-to-use screens for mobile or web
Timestamps:
00:21 Banani prompt input form
01:10 Design specs generated by Banani based on the prompt
01:40 Banani AI-powered design canvas
02:15 Applying different styles in real time using Banani
02:35 Prompting AI to change design (global prompt)
03:10 Introducing small tweaks in Edit section mode
03:55 Generating new page in a context of the application
04:20 Exporting design to Figma
04:44 Team collaboration in Banani
Try Banani (free trial):
👉 Sign up: https://app.banani.co/?utm_source=youtube&utm_medium=influencer&utm_campaign=nick_babich
#AIDesign #UIDesign #ProductDesign #WebDesign #MobileDesign #Banani