top of page

Tech News! Nano Banana for Figma: How to Create AI-Generated UI Assets for SaaS Design

3 Minutes Read

On August 26, 2025, Google officially launched Gemini 2.5 Flash Image (internally called Nano Banana), an emerging tool for generating 3D images and animations that has enormous potential for startups to prototype and export components for their products. In this post, we'll show you why it's an essential part of your creative stack.


​Nano Banana is not a traditional UI tool like Figma, Framer, or Webflow


But you could integrate it into your design/development stack:




Generate non-traditional visuals: for playful, youth-oriented apps.


  • Prototype components: Use outputs as a foundation for illustrations and UI elements.

  • Product assets: Create unique animated backgrounds.

  • Landing page illustrations: Perfect for capturing attention at first impression.

  • NFTs or avatars: If your product has a gamified or community component.


Export as assets: Generate images and animations as .png, .svg or .mp4 for UI elements.


  • Export in high resolution (2x or 4x).

  • Upload to Figma: Via drag & drop or "Image Palette" plugin.

  • Apply with auto-layout/masks: Integrate into UI prototypes.


Nano Banana's creation of a complete character mesh with multiple poses for frame-by-frame animation on websites or apps.
Nano Banana's creation of a complete character mesh with multiple poses for frame-by-frame animation on websites or apps.

Use as a "generative moodboard": Create boards during early design phases.


  • Define a visual system: Establish a design system from generated colors and shapes.


At Melt Studio, we work with startups that move fast and want to differentiate. Sometimes, that means going beyond pre-made components and bringing in a bit of visual flavor that can't be found in Material UI.


How to Work with Nano Banana: A Quick Tutorial


Google AI Studio's Nano Banana interface with control panel options, and export settings.
Google AI Studio's Nano Banana interface with control panel options, and export settings.

Understand what the Nano Banana controls mean:

Free PROMPT + Tutorial — click here!



Start working:


  1. Get inspired with 3 renders that represent the emotion of the product.

  2. Extract the color palette and visual style.

  3. Bring that to your UI in Figma (to code with Tailwind and React).


Done! Ready to cook your "secret sauce" with unique visual flavor, without losing speed.


🎁 Pro tip: Use your Nano Banana creations to customize empty UX like 404 pages, loading screens, or onboarding flows. It gives your product soul without writing too many lines of code.



Want your product to have its own flavor and visuals that don't look like they came from a template?


Book a call with our team at meltstudio.co and we'll help you build something amazing, with the speed of a sprint and the soul of a product chef.





Thanks for reading—schedule a call today!


CONTINUE THE JOURNEY

The startup's Guide

Our blog provides step-by-step guides on selecting the best Tech Stack for your StartUp, building cost-effective teams, and more...

Builder.ai: What Happens When Your Startup Trusts AI Too Much

Builder.ai: What Happens When Your Startup Trusts AI Too Much

Builder.ai left startups without their source code. What happened, what it means for founders who trust AI too much, and how to protect your product.

Meta's AI hiring freeze is a wake-up call for SaaS startups: a flexible, dedicated full-stack team often beats spending more on recruiting.

Meta's AI Hiring Freeze: Are You Spending More on Recruiting Than Building?

Meta's AI Hiring Freeze: Are You Spending More on Recruiting Than Building?

Why Startups Fail: Paul Graham's 18 Mistakes That Kill Startups, and How to Avoid Them

Why Startups Fail: Paul Graham's 18 Mistakes That Kill Startups, and How to Avoid Them

Why startups fail: Paul Graham's 18 startup-killing mistakes, updated for SaaS CEOs and CTOs, and how to avoid them.

Why 95% of AI Pilots Fail, and What Startups Can Do Differently

Why 95% of AI Pilots Fail, and What Startups Can Do Differently

MIT's report shows 95% of AI pilots fail to deliver business value. Why it happens and what startups can do differently.

bottom of page