A complete tour of the free 3D planner — what each tool does, which ones hide until you look for them, and the dozen shortcuts that make it feel like a professional package.
Most kitchen planners give you a room and a box of cabinets and leave you to it. This one is a real design tool — which means there is more under the surface than the first screen shows. Read this once and you will know where everything lives, including the handful of controls that are deliberately out of the way.
Draw your walls, drop in cabinets and appliances, then move between the 2D plan, the 3D view and the elevation view. The AI can return up to four complete layouts for your room, and the itemised quote updates itself as you change finishes. Nothing installs — it runs in a browser tab, and you can start without an account.
If you would rather watch than read, start here. Each step below has a video of a minute or two — the real screen, narrated — that opens in the Learn player, where you can slow it down or jump between its steps. Watch one, do it, come back for the next. The rest of the page is the reference behind them.
Click 🧱 Add Wall, click a start point, point the mouse the way the wall runs, type its length and press Enter. Start with the left-hand wall and go clockwise: cabinets go on the right-hand side of a wall as you draw it, so clockwise keeps that side facing into the room. Right-click or Esc stops drawing. Right-click a wall for ⓘ Property — length, height, type (Normal, Island or Double: an island wall gets a front and a back elevation, a double wall carries cabinets on both faces with an elevation for each), and each end Open, Close 90° or Straight 180°. Close 90° adds a 31½″ return wall at a right angle; Straight 180° adds one that carries straight on, so a run can change height partway along. Group height changes every connected wall at once.
Keep adding walls until the last one meets the start point and the room closes. If a side is open to the dining room, draw it anyway and delete it once the room is closed. Then click the name at the left of the tool strip, give the design a name, and 💾 Save. Walls start locked: you can select one and retype its numbers, but not drag it until you click Walls locked (the brick-wall button) on the tool strip.
Turn on ▤ Elevation and choose which walls it shows with the Walls list at its top right: S shows one wall, M shows every ticked wall side by side, and an unticked wall is left out of the exported PDF too. Open ▦ Catalog → Openings, drag a window onto the wall, then click the gap number beside it and type the distance you measured. Right-click the window → Property for its exact size and the 3D model it uses. Doors work the same way.
Type sb into the Filter catalog box to list the sink bases and drag one onto the wall. Select it and its panel opens with Center on window at the top: one click on Align to current window centres it (pick the window first if that wall has several).
Catalog → Appliances has the stoves, dishwashers, fridges, cooktops and hoods. Drag each one to where it goes on the plan, then right-click → Property to change the model or the size — a fridge’s height, for instance.
Place the sink, the fridge and the stove first; AI Design builds around them (if one is not on the plan yet, it asks: Has one or None). Click AI Design, tick the walls that should get cabinets — an unticked wall is treated as an auxiliary wall and stays empty — and press Generate designs. After a few seconds you can compare several complete layouts side by side; press Use prefer design on the one you like. It places the cabinets together with the countertops, the backsplash and the top moulding — to reshape a countertop yourself, see Draw the countertops, below. Then choose a finish under Door Colors, switch to 2D to delete or swap individual cabinets, and use the single-wall elevation to check each run.
To change a cabinet, delete it and look at the gap it leaves. Type a code such as b24 or w12 into Filter catalog — or browse Base Cabinets, Wall Cabinets grouped by height, and the corner cabinets — and drag it into the opening. 📏 Measure checks the distance between two cabinet edges, and Move Object in the right sidebar nudges by an exact Step with its arrows. An end panel dragged from the catalog snaps into the space beside a cabinet; move the cabinets over first to make room.
Search the catalog · 1:51Move by an exact amount · 1:02Snap in an end panel · 0:22
Click ▭ Countertop, switch to Sketch and press Draw countertop, then click the cabinet corners in order to trace each top; trace the island separately so it becomes its own slab. Pick a backsplash, press Generate 3D, and look at it in 3D, where clicking an edge sets its overhang or a waterfall. Back on Dimensions is the drawing for the fabricator. Would rather not trace? In 3D, the Flip Board’s Countertop page builds them for you with Countertop + Backsplash under Auto-generate (3D) — it needs an account rather than a guest session, and a free account gets three a day, counted together with Auto add Top / Bottom Molding. The countertop tool has its own page.
Draw countertops · 1:12An L and an island · 0:49Overhang, waterfall, finish · 0:46
In a wall’s elevation, click the top moulding and choose Edit in Top View to set its depth and width. Each end has two buttons — one changes the width, the other adds or removes the return down the side — and Extend Left stretches it over an end panel. Flat doors get the TF top trim by default; with Shaker doors you can switch to CM8 or another profile. On a wall with no moulding yet, select the wall and click Add Top Molding, then check the corners in 3D.
In 3D, right-click the ceiling button and choose Show bulkhead, hide ceiling so you can see what you are doing. With Edit 3D on, click Box: a box appears at the ceiling — that is your bulkhead. Its Box settings take the exact width, depth and height you need to box in the ductwork, plus its shape and what it attaches to, and Move and Rotate line it up into a corner. For anything that is not a plain box, Edit Shape (2D) in its properties opens the top-view editor, where you drag the corner handles into a partial soffit. Tick Stands on the floor and the same box becomes a pipe chase or pony wall that counts as wall: cabinets stand in front of it, the countertop starts at its face, and the backsplash runs up to its top and no further. Right-click it in 3D to put a countertop on its top, or a backsplash on one of its sides.
💾 Save writes back to the design you opened. ⧉ Save As under a new name makes a copy; keep the same name and it saves into the design you already have. + New on the tool strip starts over, and 📂 Load opens your library, where New folder and Move to folder keep projects sorted. ⬇ Export → Preview PDF shows the drawing set — tick the pages you want, Shoot a 3D photo of the view you like, reorder with Move page down, and Save Local downloads the PDF.
The first thing to unlearn: there is no menu bar across the top, and nothing down the left. The whole tool lives in two places, and once you know which is which you can find any control in a second.
That sidebar collapses with the chevron on its inside edge, which is worth doing on a laptop when you want the plan as big as possible. And the 2D / 3D button always names the mode you are going to, not the one you are in — if it says “Switch to 3D”, you are looking at the plan.
The way in. The designer opens on a sign-in card with four doors, all free: Google, Apple, a six-digit code sent to your email (no password to invent), or Try it as a guest — no account, up to two saved designs, kept for seven days after your last visit. Then it asks How would you like to begin? Freeform gives you a blank canvas (New) or your library (Load). Guided · about 10 min builds your own kitchen with you from the first wall to a price, pointing at each button and checking every step before it moves on; if you have used 2020, SketchUp or IKEA’s planner, it starts with a table of where your old tools live here. And if you closed the tab last time without saving, an Unsaved · continue card brings the draft back. Tick Don’t show this again today to go straight in.
Once you are in, there are two ways to get walls on the screen, and both end up in exactly the same editable plan.
From a template. The start page offers Single Wall, L, U, G and Single + Island. Choose one and you get a small dialog asking for each wall’s length and your ceiling height, with a Rotate button if the shape is mirrored from yours. Everything you type is in inches, and every wall stays adjustable afterwards — the template is a head start, not a commitment.
Drawing your own. Hit 🧱 Add Wall in the tool strip and a length bar appears. Type a length and press Enter to drop each wall, using the direction buttons — → Right ↓ Down ← Left ↑ Up — or the turn buttons ↺90 ↺45 180 straight ↻45 ↻90 to change direction as you go. There is an angle box in degrees for anything that is not a right angle, and holding Shift lets you draw at a free angle. Click Add Wall again — or press Esc — to finish.
Everything downstream — cabinet fit, fillers, the quote — is only as good as your wall lengths. Measure each wall at three heights and use the smallest, and set the ceiling height from the floor’s high point. The measuring chapter walks through it, and the printable worksheet gives you somewhere to write it all down.
Selecting a wall shows its Properties in the right sidebar; right-clicking it and choosing ⓘ Property… opens the same sheet as a window. That is where you set its length, name, height, thickness, whether it is a normal wall, an island or a double-sided wall, which side the design runs on, whether it carries a bulkhead (and how deep), and how each end closes.
Open ▦ Catalog in the tool strip and you get a searchable, drill-down tree:
| Branch | What is in it |
|---|---|
| Cabinets | Base · Wall (glass doors are in here) · Pantry · Vanity · Accessories (end panels, fillers, floating shelves, toe kick) |
| Openings | Doors (single, double, sliding) · Windows · Cut-outs |
| Appliances | Sinks · Dishwashers · Cooktops · Stoves · Hoods · Laundry · Fridges |
| Moldings | Top mouldings (crown, flat) · Bottom mouldings (light rail) |
Drag a catalog row onto the plan and it drops where you release it, snapping to the wall and refusing to overlap what is already there. Clicking a row does something different: if a cabinet is already selected it quick-adds the new one beside it; if nothing is selected it only shows you a preview in the right sidebar. If you clicked and nothing happened, that is why — select a cabinet first, or drag instead.
Two faster routes exist. The 🔍 Filter catalog box at the top of the catalog takes anything — window sink B24 BER36 — and the results are draggable straight onto the plan. And with a cabinet selected, the Quick-add panel appears: press a bare arrow key to choose the side (↑ above, ↓ below, ← left, → right), which also jumps the cursor into the SKU box so you can type the code and hit Enter.
Windows and doors work the same way — drag them onto a wall, then use the editor that appears to set width, height, height off the floor and the gap either side. Cut-outs come in four ready sizes: drag one on, then set its exact width and height in its Properties.
A laptop trackpad has no wheel to press, so the plan takes the gestures you already use everywhere else on the machine: slide two fingers to move the plan, pinch to zoom. And if you would rather not learn a gesture at all, hold the space bar and drag — the hand tool every photo editor has. That one works with anything: trackpad, mouse, trackball or pen. The same three gestures move all three drawings — the plan, the elevation and the countertop page — so there is one thing to learn, not three.
| Gesture | What it does on the plan, the elevation and the countertop drawing |
|---|---|
| Two fingers on the trackpad | Pan — the plan follows your fingers, sideways as well as up and down |
| Pinch, or ⌘ / Ctrl + scroll | Zoom, centred on the pointer |
| Space bar + drag | Pan — any device, any tool, nothing to switch on |
| Middle-button drag | Pan — unchanged, for anyone who already has the habit |
| Scroll wheel | Zoom, centred on the pointer |
| Shift + scroll | Slide the plan sideways |
The designer works out which device you are on from the way the scroll arrives, and a wheel mouse keeps zooming exactly as it always did. If it ever guesses wrong — a wheel that slides the plan instead of zooming, or a trackpad that zooms when you wanted to slide — pin it down by hand in ⚙ 2D Settings → Plan View → Pan & Zoom Input: Auto Mouse Trackpad. The choice is remembered in that browser.
For precise moves, open Move Object in the right sidebar: a direction pad for forward, back, left, right, up and down, and a Step box that accepts decimals, fractions or both — 1.5 11/16 1 11/16 all work. Below it, 📦 Pack gathers the selected items (or everything, if nothing is selected) into one group you can move and rotate together with ⟲ ⟳ and a degrees box.
Right-clicking a cabinet gives you the option a drag cannot: ✥ Move (click new spot) picks the item up and drops it wherever you click next — including onto a different wall. Right-click or Esc cancels.
| Button | What it does |
|---|---|
| + New | Clear the plan and start a fresh kitchen |
| ↺ Undo / ↻ Redo | Step back and forward through changes (Ctrl+Z / Ctrl+Y) |
| 💾 Save | Write the design back to the project it was opened from |
| ⧉ Save As | Under a new name, save a copy and leave the original untouched; the same name saves into the design you already have |
| 📂 Load | Open the design library and pick a saved design |
| ⬇ Export | Choose which drawings to put in a PDF, or send them to Drive |
| 🧱 Add Wall | Draw the room — click to drop a wall or type its length; click again to finish |
| Walls locked | The brick-wall button. On by default: walls can be selected and their numbers retyped, but not dragged. Click to unlock |
| ▤ Elevation | Show or hide the wall elevation drawing under the plan |
| ▦ Catalog | Cabinets, openings, appliances and mouldings |
| ⌐ Design Preference | The placement rules this design follows — default heights, gaps, fillers |
| List | Members only: the list of every item placed in the design |
| Design check | The clipboard with a tick. Looks the whole design over — appliance openings and clearances, fillers and corners, ceilings, windows and doors, counter landing space, aisles — and lists what it finds, the must-fix items first, with Show to take you to them; what it looks at, and what it does not |
| Quote | Cabinets, moulding and countertop, counted from this design |
| ▭ Countertop | Sketch the countertops by tracing the cabinets, then read the dimensioned drawing for the fabricator — the countertop tool, step by step |
| Top view | Show or hide the plan underneath, to give the elevation the whole canvas |
| 📏 Measure | Distance on the plan and the elevation — pick a mode first; the three places you can measure |
| 🗒 Add Note | Write a note on the plan or the elevation. While it is on, only notes can be moved |
| 📍 Comment | Pin a comment or a voice note to a spot in the design; it goes on the shared to-do list. Appears once the design is saved |
| 🗨 Chats & contacts | The plain speech bubble right after 📍. Chats, in Chrome: at the top, under This design, the design’s own chat with everyone working on it, always end-to-end encrypted (it appears once the design is saved); below it, your conversations with your contacts — text, voice messages, photos and files, end-to-end encrypted once you have both opened chat in Chrome, and one-to-one voice calls, encrypted, and end-to-end when you both call from Chrome — and a chat with Emma. Contacts: FlipKitchen Support at the top, to message our team; then add people and invite them into this design — designing a kitchen together |
| ⚡ Fast | On by default: the snap grid and the floor shadow are not drawn, so panning and dragging stay smooth. Snapping still works; turn it off to see the grid |
| 💬 Ask Emma | Click to talk to Emma out loud, click again to hang up; right-click to type instead |
| ⚙ 2D Settings | Grid, snapping, labels and the rest of the top-view options |
Publish is not on this strip: use the globe on the design’s card in Load, or Publish in the 3D toolbar with Edit 3D on. The design’s name sits at the left of the strip and reads — not saved — until you save it; click it to rename. When the window is too narrow for the whole strip, it folds into an All tools button (a grid icon) that opens every tool in a panel; the lock at the end of the strip (it is in that panel too) keeps the strip open with a scroll bar instead.
Inside 2D Settings are the controls most people never find and then cannot live without: Smart Snap and Point Snap with their own thresholds, a Corner Cab Magnet distance (turn it down when you want to park a corner cabinet just off the corner), SKU names in the top view instead of item numbers, the elevation detail level, and Elevation Auto-Switch — which makes the elevation follow whatever you select, and which you turn off when you want it to stay on one wall. Hover a setting’s name and a small animation shows you what it does.
The elevation is a straight-on view of one wall, and it is where you check heights, door faces and how a run reads. Turn it on with ▤ Elevation from either 2D or 3D; it docks below the plan and you can drag the divider to resize it. Reading one properly — and knowing what to check before you sign it off — is its own page.
In 3D the toolbar is hidden until you push the cursor into the top of the view. The small ≡ TOOLS pill is the only thing showing. Move the mouse up there and the whole bar drops down.
And there is a second twist: the toolbar has two halves that swap. With Edit 3D off you get the viewing tools; turn Edit 3D on and those are replaced by the editing tools. If a button you remember has vanished, that is why. Three stay put in both halves: Edit 3D itself, Lock toolbar, which keeps the bar from hiding, and 📍 Comment, which pins a note to a spot (it appears once the design is saved).
| Viewing tools (Edit 3D off) | What it does |
|---|---|
| Elevation | Toggle the elevation drawing |
| Brightness | Slider for the whole scene |
| X-Ray | Hides whatever stands between you and a green focus point in the room. Double-click to move the focus, or click or drag on the small top-view map at the top right; Alt (Option) + wheel changes the range (100% = 4 ft around the focus, up to 400%). Right-click an item to hide it by hand; Show hidden items (N) under the map brings it back, and everything comes back when you leave 3D. Right-click the button for the range, Classic mode and the island |
| Hidden Line | Drop the colours and show only outlines and door lines — a drawing, not a render |
| Quality | Click to cycle 1 Smooth orbit · 2 Fast · 3 Standard · 4 HD; right-click locks the level, and it stays locked after a reload. It starts on 1, the one for a big design or an older laptop. HD wants a decent graphics card |
| Walk | An eye-level camera: W A S D to walk, drag to look, Q and E up and down, Shift to hurry, Esc to leave |
| Render | Render the current view on our render machine — three free a day |
| Album | Your photos, Room Renderings and 3D Tours — kept while your membership is active; 180 days on a Designer or free account (free photos last two hours), and anything in its last 60 days shows the date it will be deleted — with folders, renaming and a readout of the space you have left (the i beside it explains how long things are kept) |
| 3D Tour | A 360° walk-through of the design, viewpoint by viewpoint; uses GH Coins. Pressing Start runs Design check first, and it stops you only if something must be fixed: Fix the design spends nothing and keeps your viewpoints, Start anyway goes ahead |
| Slab Gallery | Walk through a 3D showroom of real countertop slabs |
| Drive | The Google Drive backup panel |
| AI Design Options | Appears after an AI Design run: flip between the layouts it made. A new run starts from 🤖 AI Design in the right sidebar |
| Quote | The running list of what the design contains |
| Editing tools (Edit 3D on) | What it does |
|---|---|
| Save / Save As / Publish | Save and Save As work as in 2D, without leaving the room; Publish posts the design to the Community gallery |
| Undo / Redo | |
| Ceiling / Bulkhead | Show or hide both. Right-click for the third option: bulkhead on, ceiling off |
| Box | Adds a box at the ceiling — a bulkhead. Its Box settings take an exact width, depth and height; tick Stands on the floor and it becomes a chase that counts as wall |
| Catalog | Place cabinets without going back to 2D |
| Snap | Cycles off → face-to-face → edge-to-edge |
| Measure | Cycles off → face → edge → point; click two parallel faces or edges, or any two points, to read the distance — how the three rulers differ |
| Wall Length | Show the wall dimensions in the room |
| IBL | Image-based lighting — real reflections and soft ambient light |
| Move Object | The same nudge pad, in 3D |
| AI Suggestion | Pick the walls in 3D, then it suggests the next cabinet |
| 🪄 Design Helper | Type or speak what you want placed |
With Edit 3D off, nothing in 3D can be selected, dragged or deleted — the mouse only moves the camera, so ordinary orbiting never shoves your kitchen around. With Edit 3D on there is no delay at all: press and move and the cabinet comes with you. If dragging does nothing, you are in view mode; if things move when you did not mean them to, you are in edit mode.
Rendering deserves its own note. Render opens a small panel first — composition, brightness, and a choice of four furnishing previews — and nothing is shot until you press Start render; to change the view, close the panel and reframe. The render takes a few minutes on our render machine, and finished photos land in your Album, where you can open one to adjust its colours for free or run an AI Photo Enhancement on it (that uses GH Coins). On a free account or as a guest they are kept for about two hours, so download the ones you want; with a membership, or a Studio account, they are kept while that account is active, and for at least 180 days after a membership ends; on a Designer account they are kept for 180 days, and in the last 60 days each one shows the date it will be deleted — download them, or move them to Google Drive, to keep them longer.
There is a ruler in the plan, a ruler in the elevation and a ruler in 3D. The first two are the same tool, armed by one button and working in both drawings. The third is a different tool that happens to share the icon. Measuring the room itself is a different job — that is the measuring chapter.
In 2D, 📏 Measure opens a small card of modes under the button, and the tool arms only when you click one of those rows — the button then goes green and the cursor turns to a crosshair on the plan and the elevation at once. While it is armed the card grows one more row at the bottom, Done — measurements stay. In 3D there is no card: that button cycles off F E P, and it is not on the toolbar until Edit 3D is on.
The ruler is for a question you ask once. For the ones you ask constantly there is a second thing, behind a right-click rather than a click: right-click 📏 Measure (in 2D or 3D), or use the 📐 Auto dimensions row at the bottom of the Measure card. It has three settings and it ships on Off, because most of the time you are not measuring.
| Setting | What it does |
|---|---|
| Off | No automatic dimensions at all — and nothing is taken away either. The gap numbers, wall lengths and elevation dimension chains you already know stay exactly as they were, and anything you pinned yourself stays with them. |
| Auto dimensions | Select an item and it measures its surroundings for you, in grey: out to the nearest neighbouring cabinet or wall face on each side. Hold Alt and hover a second item to read the distance between those two (desktop only — it needs a hover and a modifier key). |
| Space check (beta) | A second opinion, not a verdict. It checks two things only — whether anything stands in a doorway, and how wide your walkways are — and says so on the page. Everything else it knows it has not checked is listed too, so you can see the shape of what is missing. |
Those grey numbers are throwaway readings: they follow the selection, vanish with it, and are left out of exports. Click a grey chip and it turns teal and stays — from then on it is yours, it follows the cabinet as it moves, it saves with the design and it prints. Delete it and the grey one comes straight back. Along a wall the grey numbers keep out of the way of the gap labels that are already there, and a cabinet’s own wall never gets a pointless 0″.
Selecting several items does not multiply this: the plan draws four dimensions around the whole group, whether you picked five cabinets or thirty. In the elevation a selected item gets one horizontal row under the drawing, showing the gap on each side of it; the elevation grows to make room for that row rather than squashing the drawing. Shift + D mutes every dimension on screen at once when you want a clean look, and a reload brings them back.
The third setting, Space check (beta), turns on a layer that reads the drawing back to you. It is deliberately small. Two rules are live, chosen because their answers are not a matter of taste:
A panel in the corner of the drawing lists the results in five parts: what needs attention, what could be better, what it measured and was happy with, what does not apply to this design (with the reason in plain words — “there is no door drawn”), and, folded away, the six rules it does not check yet — the work triangle, clearance in front of appliances, counter landing space, wall-cabinet height, hood height, and drawers hitting doors. They are named rather than silently missing, because a half-written rule reads exactly like a rule that passed. Three of the six — counter landing space, wall-cabinet height and hood height — are now looked at by Design check, below, and so are doors and drawers that meet in a corner; the work triangle is not checked by either.
Click a row and the drawing jumps to it. A red row offers Fix to 36″, which moves the thing that can move through the same path a drag uses — and says “it cannot move” rather than pretending, when nothing there can. In 3D the same two rules show as translucent volumes you can walk the camera through, and in the elevation a blocked doorway is banded in its own column. The walkway rule draws nothing in the elevation: it is a distance across the floor, and there is no honest way to show it there.
None of this is saved, and none of it reaches a photo, a 3D export or a PDF — unless you ask. The export dialog has a Space check box that starts unticked every time; tick it and the PDF gets one appendix page listing everything, green and not-applicable included, headed by the two sentences that matter: these are common reference sizes rather than your local building code, and this version checked two things.
Space check is a layer you leave on while you work. Design check is the other kind of second opinion: a list you ask for when you want one, from its own button on the 2D tool strip — the clipboard with a tick, just before Quote. It reads the plan and every wall’s elevation against published planning rules — the NKBA kitchen planning guidelines, appliance installation guides and building-code clearances — for appliance openings and clearances, fillers and corners, ceilings, windows and doors, counter landing space, aisles and overhangs, and puts everything it finds in one list.
What it does not do: it is a reference, not your local building code, and an empty list is not an approval. It works from the numbers you typed, so it cannot see a ceiling that dips or a wall that bows; it has no install sheet for the appliances you will actually buy, so anything that depends on the exact model stops at please confirm; and it does not look at the work triangle, or at anything fitted inside a cabinet. A design with no walls drawn — a blank one, or an older design built from one of the preset layouts — gives it nothing to read, and it says so: Nothing to check yet, draw the walls first. And nothing it finds is saved with the design or printed in the PDF.
Pick a mode and start clicking. Pressing 📏 Measure again only closes the card; while the tool is armed, the card ends with ↩ Done — measurements stay.
| Mode | What it measures, and what the clicks have to land on |
|---|---|
| Point → Point | Straight-line distance; each click snaps to the nearer of a corner or a point on an edge. |
| Point → Line | Perpendicular distance from the first point onto the line of the second pick — corners are ignored on that second click. |
| Line → Line | The parallel gap, so both clicks must land on an edge. Edges that are not truly parallel give you the straight distance between the two snap points instead. |
| Item centre → Walls | One click on a cabinet or appliance draws from its centre out to the wall on each side. Select several items first, then pick this mode, and all of them are done at once. |
Every pick has to grab real geometry: cabinets, appliances and bulkheads offer their footprint corners and edges, rotated as they sit, and a click on bare floor is refused — the cursor turns to the blocked ring and nothing is placed. The snap radius is about 20 canvas pixels, roughly ten on a Retina screen, so get close to what you are aiming at.
What you get is a thin dimension line with open ticks and a rounded chip on its midpoint carrying the number — in fractions of an inch down to 1/16″, 36½″, the same way the rest of the designer talks. Set the length unit to millimetres in Design Preference and every one of these reads in millimetres instead; the stored value is the same either way, so switching back and forth converts rather than rounds. A distance that will not sit exactly on the display grid gets a dotted underline, and hovering it gives you the exact figure. Item centre → Walls lays two annotations, one per side, and a side with no wall in reach is not drawn.
Double-click a number and you can type a new one. The item moves so the distance becomes true, through the same placement path a drag uses — it collision-checks, it carries paired items along, and it undoes in one step. Not every number can be typed into: one measured between two things that are both fixed, or one anchored to a corner cabinet, is read-only and says so when you try.
On a touch screen there is no double-click, so long-press the number instead — you get a two-row menu, Change this number and Delete this measurement. A right-click does the same thing with a mouse, in the plan and in the elevation both. And in the elevation, the two halves of an Item centre → Walls row are editable the same way: type a new left-hand number and the item slides along the wall until that is true.
Measurements stay on the canvas, as many as you like.
The ▭ Countertop page is the exception, and really a fourth ruler: the same button opens the same card there, minus the Item centre → Walls row, and the picks snap to the countertop outline you drew. Those measurements are part of the design — they survive a save and Undo reaches them.
There is no separate elevation ruler: one button arms both canvases. Each keeps its own half-finished pick, though, so a first click in the plan can never pair with a second click in the elevation. Everything else behaves as above.
Turn Edit 3D on first. With it off the Measure button is not on the toolbar at all — that is why you cannot find it. The button cycles through four states: F face to face, E edge to edge, P point to point, and off. A green message tells you which one you are in, and Esc puts the tape down from any of them, so you never have to click your way around the cycle to stop measuring.
Face mode reads the perpendicular gap between two parallel faces — cabinet side to wall, appliance front to island — and edge mode does the same for two parallel edges. In those two the picks really must be parallel: more than about ten degrees apart is refused with a warning. You see it coming, because the face or edge under the cursor is outlined live, teal when the click will work and amber when it cannot pair with the pick you already have.
P is the tape measure, and it has none of those rules: click any two points and it gives you the straight distance between them, plus the angle off horizontal when the line is not level. It also reaches things the other two cannot — the countertop, the floor and the ceiling are all fair targets for the tape, though they are still not targets for face and edge mode, and never for snapping.
The 3D numbers are editable too. Right-click one and you can type a new distance, close the gap to 0″ in one click, or — when both ends are cabinets — switch which end moves. It travels through the same placement path as a drag, so it collision-checks and undoes in one step, and the number afterwards reflects what actually happened: if a bulkhead capped the height or a neighbour blocked the slide, you see the distance it really reached, not the one you asked for.
You can leave several measurements up at once — a dozen, after which the oldest drops off and a note tells you how many went. Measuring the next one no longer wipes the last, and neither does a successful snap. Right-click one of the teal numbers and you can delete just that one, or 📌 pin it onto the plan, which drops the same distance into the 2D top view where it saves with the design like any other annotation. A measurement that stands straight up cannot be pinned that way — on a plan it would be a dot — and it says so rather than drawing a 0″. What stays in 3D is overlay only: not saved, and not in the picture when you shoot the view. A click on nothing puts down the half-finished pick, a change of mode clears the lot, and so does Esc.
Measure and 🗒 Add Note cannot both be armed, because they want the same clicks. Both survive a reload now, so the choice between them is about what you mean: a note is a sentence to whoever opens the file, a measurement is a number the drawing has to keep true. The plan and elevation pages of a PDF are drawn by the same code that paints the screen, so those measurements print — every one of them, including any the screen folded away — while the grey automatic ones and the 3D overlay do not. Neither ruler has a shortcut out of the box, though both can be bound to a key in Settings.
The right sidebar in 3D is where the kitchen stops being grey. Each icon is a page:
| Page | What you set |
|---|---|
| Door Colors | The door colour and style for the whole kitchen — and for Shaker doors, a custom paint colour |
| Countertop | Material and colour, the backsplash extent, the thickness, and Countertop + Backsplash under Auto-generate (3D), which builds the tops for you |
| Floor | Real flooring products, plank width, pattern and direction — or tile with its own stone, size, grout width and grout colour |
| Wall | Wall colour and finish, plus a painter for individual surfaces |
| Doors & Windows | Every opening in the design: click one to select it, change its model or size, and move it with the Move Object pad |
| Hardware | Handle series, type and finish |
| Lighting | Brightness, under-cabinet lights and colour temperature, light fixtures to drag in — plus an automatic lighting plan, a Lighting check and a 2D lighting plan with an estimated light level |
| Molding | Crown and light-rail styles and colours |
| Chair / Decoration / Bathroom | Furniture, props and bathroom fixtures |
| Appliance | Countertop appliances, such as a microwave, to set on a counter once there is one |
On the Door Colors page, picking a colour with the 🖌️ Format Painter off repaints every cabinet. Turn the painter on and the next colour becomes a brush — click a single cabinet in 3D to paint just that one. Right-click to put the brush down. The Wall page works the same way for individual walls, ceilings and bulkheads, and its ↺ Reset faces button is the only way back to a single wall colour once you have painted surfaces individually.
One more thing worth knowing on the Molding page: the auto-generate toggles are a 3D preview only. The two ➕ Auto add buttons underneath are what create real mouldings — the kind that appear in the item list, in the elevation and in the quote.
If you only learn one habit, make it this one: right-click the thing you want to change. The menu is different for every kind of object, and it is where the detailed work happens.
When two things sit on top of each other — a crown and a light rail are only a few pixels apart — the menu asks which one you meant first.
AI Design lays out a whole kitchen for you, and it asks before it guesses. Click 🤖 AI Design and the planner opens on which walls to build on — tick the ones that get cabinets; an unticked wall stays empty. If the plan has no sink, stove or fridge on it yet, a Not on the plan row asks about each one: Has one keeps a plain cabinet in its spot so the layout leaves room for it, None designs the kitchen without it. Nothing there blocks you. An optional cabinet budget comes next, then Generate designs returns up to four complete layouts to Compare, and Apply this design puts the one you like on the plan. If you want more say before it runs, Advanced setup › still holds the older controls: pin where the stove, fridge, sink, dishwasher, a pantry or an island should go, set the wall-cabinet height (or Auto, taken from your ceiling), or flip the base-only switch that skips the uppers altogether. It lays out the cabinets and the top moulding; the countertops it leaves to you, to trace with ▭ Countertop or build with Countertop + Backsplash on the Flip Board’s Countertop page.
AI Suggestion is the smaller version, on the 3D toolbar with Edit 3D on. The first time, you pick the walls it should work on, right in 3D — each wall you switch on shows a dashed outline of the rough layout — and, under Advanced options, the upper-cabinet height, for the whole room or wall by wall when a bulkhead makes one wall lower; N of M walls › at the top of its panel takes you back to change them. Then it suggests the next cabinet — which SKU, which wall, how far along — and tells you why. By default it works in the order a kitchen designer would: the sink, then the stove or cooktop, the fridge, the corner, and then each gap that is left, with the wall cabinets once the base row is done. Cabinets you placed yourself are locked, so it builds around them. A steps box lets it place several in a row, and it will ask you a question when the answer genuinely depends on how you cook — or, when there is no sink on the plan, which wall it goes on, with Not needed here to skip it.
🪄 Design Helper takes plain language, typed or spoken: “place BER36 here”. The trick is the anchor — hover the mouse over the spot in 3D first and the target pins itself, so you can take your time typing. Press F5 to talk instead. It lives inside Edit 3D, so turning it on turns Edit 3D on too.
To start from a file rather than an empty room, members, designers and our sales team have 📐 Import in Load: it opens a .kit file from 2020 Design, or a design exported from Flip Kitchen as .json.
The Quote on the tool strip keeps a running count of what your design contains — wall cabinets, base cabinets, pantry, accessories, and the countertop area — with a box for a coupon code and a summary at the bottom. It updates as you design, so you always know roughly where a change lands before you commit to it.
| Key | Does |
|---|---|
| Ctrl/⌘ + Z | Undo |
| Ctrl/⌘ + Y | Redo (or Ctrl/⌘ + Shift + Z) |
| Ctrl/⌘ + S | Save the project |
| Ctrl/⌘ + P | Opens Export — not the browser print dialog |
| Ctrl/⌘ + C / V | Copy and paste the selected item |
| Delete / Backspace | Delete what is selected — note, measurement, wall, opening, cabinet or a whole marquee group |
| Esc | The universal “stop that”: closes menus, cancels a pending move, puts down a painter, ends the wall tool, clears a measurement, deselects |
| Arrow keys | With Quick-add open, choose which side to add on |
| Alt + arrows | Jump the selection to the next item that way |
| O | 3D, with Edit 3D on — open the doors. Nothing selected opens every cabinet door and drawer, and the room’s doors; one cabinet selected opens just its doors and drawers. Press again to close. Fridge and dishwasher doors stay shut |
| W A S D | 3D — walk the camera; Q and E move it up and down |
| F5 | Talk to the Design Helper |
| Shift (held) | Free-angle wall drawing; bypass snapping while dragging |
| Middle-drag | Pan the plan, the elevation and the countertop page |
You can bind your own shortcuts to most toolbar buttons in Settings. A few are reserved and cannot be reassigned: undo, redo, Esc, Delete, Backspace and O.
Ctrl/⌘ + Shift + R does not refresh the page the way it does in a browser — here it wipes the design and reloads. If you want a plain refresh, use the browser’s own reload button.
The designer on this website is built for a computer, with a mouse or a trackpad, and on an iPad we do not recommend the browser version. The iPad has its own: the Flip Kitchen AI app, on the App Store in Canada. There, an Apple Pencil is the nicest way to draw a room — you trace the walls the way you would on paper. So it is worth knowing what to do the day the Pencil goes half-dead in the middle of a design, because the two most common causes are not on anybody’s troubleshooting list: a film on the screen, and a tip that has quietly unscrewed itself.
Open Notes and scribble a line. Draws fine there? The Pencil is healthy — close and reopen the design, and check you have actually armed the tool you think you are using (on empty canvas a plain drag selects, it does not draw a wall). Skips in Notes too? It is the hardware. Work down the list.
A screen protector sits between the tip and the glass, and the iPad reads the Pencil through that gap. A thin, well-fitted one is fine. A thick tempered-glass, matte or “paper-feel” film is not always: the line can lag behind the tip or sit slightly beside it, light strokes stop registering, and the last inch near an edge or a corner goes dead. Privacy and anti-glare films are the worst offenders — some carry a metallic layer that interferes with the digitizer directly.
The tip is a screw-on, replaceable part, and writing pressure slowly backs it off — most people never think to check it because it still looks attached. A tip that is a fraction loose loses solid contact with the pressure sensor behind it, and the result reads exactly like a failing Pencil: strokes that arrive in bursts, lines that only appear if you press hard, pressure that jumps, taps that do not register at all.
In one line each: nothing anywhere is a flat battery or a lost pairing; dead only near an edge is the film; bursts and hard presses are a loose tip; a line that lags or lands offset is a thick film; refusing to charge is a case in the way; and palm marks mean it is not an Apple Pencil at all.
| What you see | Usually |
|---|---|
| Nothing at all, anywhere | Flat battery, or never paired — check Settings › Apple Pencil |
| Fine in the middle, dead near an edge or corner | The screen protector — a bubble, dust or a lifted edge |
| Draws in bursts; only with a hard press | A loose or worn-out tip |
| The line lags, or lands beside the tip | A thick, matte or metallic-layered film |
| Will not charge; keeps unpairing | A case, flap or skin holding it off the magnetic strip |
| Was working, then stopped mid-session | Forget the device and re-pair; then restart the iPad |
| Works in Notes, not in the design | Reopen the design; check the tool is armed, not just selected |
| Finger draws but Pencil does not, or vice versa | A drawing setting — Settings › Apple Pencil |
| Your palm keeps leaving marks | Not an Apple Pencil — no palm rejection |
One thing you can stop worrying about: an Apple Pencil never needs calibrating. If someone tells you to calibrate it, they are describing a different stylus. And if the tip, the film and the pairing are all ruled out and it still misbehaves, that is the point to book it in — not before.
It is free, and it runs in your browser — nothing to download, on a laptop or a desktop. You can start without an account: choose Try it as a guest and you can plan a whole kitchen in 2D and 3D and keep up to two designs, held on that device for seven days after your last visit. Sign in when you want your designs kept for good, or to publish or export to Drive. Saving a PDF locally works either way.
Hidden until you reach for it. Push the cursor into the top edge of the 3D view and the toolbar drops down; the small ≡ TOOLS pill is the permanent hint. Also remember that turning Edit 3D on and off swaps the whole set of buttons between viewing tools and editing tools.
Three gestures do it. With a mouse, press the wheel down and drag. On a laptop trackpad, slide two fingers. On anything at all, hold the space bar and drag. Left-dragging on empty space draws a marquee selection instead — that is why plain dragging only ever selects — and the wheel, or a pinch, zooms. The elevation and the countertop drawing take the same three gestures, so nothing new to learn when you move between them.
Two fingers on the trackpad move the plan, sideways as well as up and down, and a pinch zooms — the same gestures as a map. Space bar + drag also pans, which is the one to remember if the gesture ever feels fiddly. If a scroll behaves like the wrong device, set it by hand in ⚙ 2D Settings → Plan View → Pan & Zoom Input — Auto, Mouse or Trackpad.
Clicking a catalog row quick-adds beside whatever is already selected — so with nothing selected it only shows a preview. Either select a cabinet first and then click, or drag the row onto the plan, which always places it.
Turn on the 🖌️ Format Painter on the Door Colors page, then pick a colour — it becomes a brush, and you click the single cabinet in 3D to paint it. With the painter off, choosing a colour repaints the whole kitchen. Right-click to put the brush down.
Select the cabinet you want to move, then click the GAP number shown between them on the plan and type the width you want in inches. The item slides until the gap is exactly that — which beats nudging and hoping. The Move Object step box also takes fractions like 11/16.
Yes. In Add Wall, use the turn buttons for 45° and 90° corners, type a value into the angle box for anything else, or hold Shift to draw at a free angle. Every wall stays editable afterwards — select it and retype its length, or right-click for its full property sheet.
Use ⬇ Export and tick the sheets you want — the elevation (heights and cabinet faces, wall by wall), the top view, and the countertop drawing with its dimensions. Preview the page order, drag it into the order you want, and save the PDF. Raising the elevation detail level first gives you door profiles and hidden lines.
It turns the 3D room from something you look at into something you build in. Dimensions appear, the toolbar swaps to editing tools, cabinets drag immediately instead of after a two-second hold, right-click menus appear on objects, and the quick-add panel works in 3D. Turn it off when you just want to orbit and admire.
Scribble in Notes. If it draws there, the Pencil is fine and it is the app. If it skips too: check the charge, then Settings › Apple Pencil for pairing — then the two nobody checks, the screen protector and a loose tip.
Yes — one of the most common causes. A thick, matte or privacy film sits between tip and glass: the line lags or lands offset, light strokes vanish, corners go dead. Peel one corner back and draw on the bare glass to prove it.
The tip has unscrewed itself a fraction — it screws on, and writing backs it off until it loses contact with the sensor. Unscrew it fully and refit it finger-tight, straight. If the point is flat, grey or wobbly, fit a new tip.
No — there is no calibration step, and any guide telling you to run one means a different stylus. Inaccuracy is physical: a thick film on the screen, a loose or worn tip, or a pairing that needs remaking.
Yes — it is loaded with the actual catalogue: real widths in 3″ steps, the correct heights and depths, real corner cabinets and fillers. That is why it can tell you what is left over on a wall and where a filler has to go. The sizes reference lists the same numbers if you want to plan on paper first.
Drawing, designing, saving and the quote are free, and nothing you try is permanent.
Open the designer →