Now in Alpha

Mockups for the stage where everything changes.

Describe an app in plain language and lofi generates tappable low-fi mockups of the whole flow, every screen connected. Sketch on them, remix them in chat, then hand the canvas to Claude.

Generate your first mockup free
How it works

Sketch a flow. Iterate. Ship it.

A scrappy place to think before you commit to pixels or production code. Sketch the flow, push it around, then hand it off when it’s ready.

/ 01

Prompt the flow

Describe it in plain language. lofi drafts wireframe frames you can tap through. Low-fi on purpose, so you keep thinking.

/ 02
empty state

Sketch on the canvas

Grab a pen. Drop sticky notes and UI elements, circle the rough parts, draw arrows. Every mark adds context.

/ 03
Tighten the empty state, and use our warmer tone.
Cut the copy by ~40%. Swapped “no results” for “nothing here yet, let’s fix that.”
Perfect. Add a subtle illustration slot.

Iterate frame by frame

Tweak any frame in chat. Shorten the copy, swap a layout, fix an edge case. A thinking tool, not a template.

/ 04
Claude
Codex
Figma

Hand it off

Send the flow to Claude as context, or export Figma-ready frames. The canvas becomes the spec everyone agrees on.

Questions

AI mockups, answered.

Don’t see what you’re looking for? Ask us anything.

A tool that turns a text description into app mockups, so you don't have to draw every screen yourself. lofi takes one plain-language prompt and generates a full flow of low-fi mockups, with connected screens you can actually tap through.
A wireframe shows structure with placeholder boxes. A mockup adds more visual detail. lofi sits between the two on purpose: real components and layout, kept low-fi, so you judge the flow instead of the styling.
Because early on, polish slows you down. A low-fi mockup takes seconds to generate and costs nothing to throw away, so you can try five versions of a flow before committing to one. Raise the fidelity later in Figma, or go straight to code.
Yes. Every mockup lands on a canvas where you can sketch on it, move things, ask for variations in chat, or flip a mobile flow to desktop with one tap.
Yes. Select any frame and copy a Claude-ready prompt, frame JSON, or HTML with Tailwind. You can also hand the entire canvas to Claude Code as build context.

Five versions before lunch.

Free to start. Generate a flow of mockups, keep the good one, hand it to Claude.

Start generating free