Shuffle's Editors
Shuffle’s design systems
Design mobile app screens with AI.
Start with a prompt and watch multiple iOS or Android screens come to life. Compare them side by side, pick the winner, add more screens, and import them into Figma.
Describe your app screen
Name the app, the screen you need, its main content, and the style. All models design it in parallel.
See where else your app could go.
You’ve seen one direction. Upgrade to explore many more and pick the one you love.
- Many more AI generations every month
- Try new styles and layouts for every screen
- Run GPT, Claude and Gemini side by side on every idea
- Polish your favorites and import them into Figma
Your prompt was replaced with the AI version.
Enter a prompt to start generation.
Prompt Builder
Set your website's structure and styling with a clear, precise prompt.
Configure your sections
Prompt improvement
See every design at a glance and compare them side by side. 2 per row
Bigger previews that make it easier to judge details. Full-screen carousel
Opens each design full-screen in a carousel.Opens each design full-screen in a carousel. Available once all models finish generating.
Stop ?
Most designs are ready in about 2 minutes. If you stop now, this design won’t be saved. The other models keep generating.
This generation already counts toward your demo limit, so stopping won’t give it back. Need more tries? A Lifetime License includes 1,000 AI generations every month.
Unlock export for all your projects
Download every project you create as code or import it directly into Figma.
See plans & pricingFrom a single screen to a full user flow
Once your screens are ready, pick the one you like and take it further: more screens, every detail refined, then into Figma or shared with your team.
-
01
Open your favorite in the editor
Compare the screens side by side and open the one you like in the Shuffle Editor with a single click.
-
02
Add more screens
Turn one screen into a complete user flow. Every new screen keeps the same navigation, colors and type.
-
03
Edit visually or with the AI Agent
Click any element to change it, or describe the change in plain words and let the AI apply it.
-
04
Import into Figma or share
Bring your screens into Figma, send a live preview link to your team, or export the code instead.
One prompt, multiple app screens, straight to Figma
Leading AI models design the same screen following native iOS or Material 3 patterns, so you can compare directions, keep the best one, and continue in Figma.
Pick a platform and describe the screen
Choose iOS or Android, then describe the app, the screen, its content, and the style you want.
Compare phone screens
Every model designs the screen in parallel. Review them side by side in real phone proportions.
Add more screens
Open the winner in Shuffle and add new pages. Each new screen reuses the same status bar, navigation, colors, and type.
Import into Figma
Copy the screen URLs from the Figma export and import them with the html.to.design plugin, or export the code instead.
Write prompts for better app screens
"Checkout screen of a grocery app" beats "a grocery app". One focused screen gives every model a clear target.
Mention the header, key components, lists, and actions in order. Include the tab bar items if the app has them.
Add cues like "calm pastel", "premium dark", or "playful and bold" to steer colors, imagery, and typography.
Build Faster. Ship Sooner.
Own It Forever.
Join 25,000+ developers, founders and agencies building professional websites, templates, and MVPs 10x faster with Shuffle.
The Shuffle Advantage
All-in-One Toolkit
Get access to everything you need to create beautiful websites: Shuffle Editor, Multi-AI Designer, Components Gallery, and Design CLI.
No Lock-In
Export code to Next.js, Astro, Laravel, WordPress, static HTML, and more.
10x Faster Development
AI creates layouts in seconds so you can stay focused on building, not designing.
The selected plan includes lifetime access to Multi-AI Designer and Shuffle Editor.
Add media
How should the AI use your file? Pick an option to continue.
Include in the project
The AI will include it in the generated projects (upload logo, icons, videos, or other visual elements).
Uploading file, please wait
Your prompt extension
Clearly tell the AI where to insert the asset and how to position any related content (for example, "Use it as a logo").
Build websites faster with an AI Visual Editor
Products
Extensions
UI Components
Company
© 2026 Shuffle. All rights reserved.
You’ve already used your free demo
Here’s the design you made on . Each account gets one free Multi-AI Design try.
Each account gets one free Multi-AI Design try, and this one has used it.
What's new
See what you're getting before you commit.
See your whole project at once
Switch the editor to Grid and every page of your project appears side by side on one canvas. Arrange them freely, zoom in and out, and add as many new pages as you need in a few clicks.
The AI Agent just got a lot more powerful
Describe what you need in one chat and the Agent does the rest: it adds new sections, edits copy and styles, moves blocks around or removes them across your whole page. No modes, no switching, just tell it what to change.
Multi-AI Designer can now regenerate designs
Not quite there yet? Ask for tweaks like missing assets, your logo or other details, and regenerate the design without starting from scratch.