Design Screens with AI
Describe your idea and watch the screens appear. No design skills needed.
Finished screens from a sentence
You describe it, the AI draws the screens. Click anything to change it, then present it, download it as a PDF or put it online.
- Free to use
- No design tools to learn
- Websites, apps, slides, résumés & posters
- Multi-screen designs
- Present mode and PDF export
- One click from design to app
How it works
Describe it, or pick a template
Say what you're making, pick a format and a style, or start from a template and skip the blank canvas.
Shape it on the canvas
See every screen side by side. Chat for bigger changes, click any element to change it on the spot, and swap the whole theme at once.
Share it
Run slides fullscreen, download a PDF, or publish the design on its own oneapp.dev link.
Prompt to screens
Describe it and the screens appear
Type “a fitness app” or “a pitch deck for a coffee brand” and finished screens show up, laid out and linked together. Pick one of six formats: website, mobile app, dashboard, slides, résumé or poster. Then set the style: clean, playful, bold, corporate or elegant. There's a wireframe switch too, for when you want to sort out the layout before the looks.
- Six formats, each on the right canvas size
- Five styles, plus a wireframe mode
- Brand colors and reference images from the start
The canvas
Every screen, side by side
The canvas shows all your screens at once as live previews, so the whole flow sits in front of you: an app with its checkout, a deck with every slide. Zoom out for the overview, click a screen to work on it, and check it at phone, tablet and desktop sizes.
- A live board of every screen, with zoom
- Focus view for one screen at a time
- Decks run up to 14 slides
Instant restyling
Change the look with a click
Click any element and change its text, size, spacing, colors or image right there. It's instant, and it doesn't use an AI call. All the screens share one set of colors and fonts, so switching the theme changes everything at once. Like how it came out? Save it as your brand and use it on the next design.
- Click any element and edit it in place
- One theme changes every screen together
- Save your palette as a brand and reuse it
Present & export
Present it, or print it
Slide decks get a fullscreen present mode with keyboard controls. Decks, posters and résumés also download as a PDF, one page per screen. And since every screen is a real HTML page, you can always open the code view and see what's underneath.
- Fullscreen present mode for decks
- PDF download, one page per screen
- Real HTML underneath, open the code anytime
Publish
Share a link, or make it real
Publish the design and it goes live at your-name.oneapp.dev on a free link anyone can click through. Paid plans can make the link unlisted. And when the mockup is ready to become the real thing, one click copies the screens into a Vibe Coding app, where the AI builds working features on top.
- A free yourname.oneapp.dev link
- Public or unlisted visibility
- Convert to a Vibe Coding app when it's time to build
What can you design?
Six formats, each on the right canvas size, and the same tools everywhere: chat, click-to-edit, themes and version history.
Website mockups
Homepages, landing pages, storefronts and portfolios as linked screens: click from the homepage to the pricing page like it's the real site. When you're ready, publish it or turn it into an app.
Mobile app designs
App screens on a phone-sized canvas: onboarding, home, checkout, profile. Click through the flow the way a user would, and show the idea before any app code exists.
Application dashboards
Admin panels and analytics screens with charts, stat cards and tables, laid out for a desktop screen. Useful for agreeing on what to build before anyone builds it.
Presentations
Pitch decks and lesson decks in 16:9, up to 14 slides. Present fullscreen straight from the browser, or download the whole deck as a PDF.
Résumés
A résumé set on a proper A4 page. Change the fonts and colors until it feels right, then download it as a print-ready PDF.
Posters
Event, gig and sale posters in a tall print format. Set your colors, drop in the details, and download it as a PDF.
…and plenty more
The smaller things that make designing here feel easy.
Templates for a head start
Landing pages, fitness apps, dashboards, pitch decks, résumés and posters, ready to open and make yours.
Pick a style
Choose clean, playful, bold, corporate or elegant when you start, and every screen follows it.
Wireframe mode
Grayscale screens for when you're still working out the layout.
Your brand, remembered
Save a palette once and apply it to any new design with one click.
Reference images
Attach screenshots or photos with your prompt to show the direction you have in mind.
Version history
Every generation is snapshotted. If a change goes sideways, restore an earlier version.
Real code underneath
Each screen is a clean HTML page, and they all share one theme file. Edit anything by hand in the built-in editor.
Nothing to install
Designing, editing, presenting and publishing all happen in the browser.
Who uses Design
Anyone who needs something to show before the real thing exists.
Founders pitching
A pitch deck that doesn't look like a template, presented fullscreen or sent around as a PDF.
App ideas worth showing
Mock the screens of the app in your head and click through them like it already exists.
Freelancers and agencies
Put a homepage concept in front of a client the same day they asked for it.
Job hunters
A résumé laid out properly on A4, in your style, downloaded as a PDF.
Events and promos
Posters for the launch, the gig or the sale, in your colors and ready to print.
Product teams
Dashboards and screens to agree on before engineering writes any code.
Works with the rest of OneCompiler
Design is one part of OneCompiler. When a mockup needs to become software, Vibe Coding picks it up from here.
Frequently asked questions
What is OneCompiler Design?
An AI design tool. You describe what you want in plain words and it draws the screens: website mockups, mobile app designs, dashboards, pitch decks, résumés and posters. The screens are real HTML pages, so you can change the look instantly, present them, download a PDF, share them on a live link, or turn the whole design into a working app.
Do I need design skills or design software?
No. Everything happens in the browser: you describe what you want, the AI lays out the screens, and you refine by chatting or by clicking on elements. There's nothing to install and no design software to learn.
What formats can I create?
Six: websites, mobile apps, dashboards, slide decks in 16:9, résumés on A4 and posters. Each format comes on a correctly sized canvas, and a design can have several screens. Decks go up to 14 slides.
Are the designs images or real pages?
Real pages. Every screen is its own HTML document, and they all share one file of colors and fonts. That's why changing the look is instant, and why a design can be published as a live site or turned into an app.
Can I present or export my design?
Slide decks have a fullscreen present mode with keyboard controls. Decks, posters and résumés download as a PDF with one page per screen. And any design can be published on a live link for people to click through.
Is Design free?
Yes. Designing, editing, presenting and publishing are free, with a daily limit on AI generations. Paid plans raise the limit, unlock the premium AI model and allow unlisted links.
Can I make it match my brand?
Yes. Set a brand name, color and palette when you create the design, attach up to four reference images, and adjust the theme anytime after. You can save a palette as your brand and apply it to future designs in one click.
What if I don't like a change?
Every generation is saved as a version. Open the history and restore any earlier version in one click.
How does publishing work?
Click Publish and pick a name; the design goes live at that-name.oneapp.dev with all its screens clickable. Public links are free, and paid plans can make a link unlisted.
How is Design different from Vibe Coding?
Design is for how it looks: static screens, fast, in six formats. Vibe Coding is for how it works: real interactive apps. They work together too. One click copies a design's screens into a new Vibe Coding app, where the AI adds working features on top.
Can I edit the code myself?
Yes. The code view shows every screen's HTML in a proper editor. Changes you make by hand are saved and show up on the canvas like any other edit.
Got something to show? Design it.
The first screens take a couple of minutes. Presenting them takes one click.
Free to use. Your first deck can be ready today.