Product Updates

A full dark theme lands across the canvas, chat gets Cursor-grade message queuing and a draggable tab strip, and a long list of editor and AI improvements ship alongside.

Features

• Full dark theme across the canvas app. Dark mode now covers the canvas UI and visual styling across the app. Page backgrounds respect the theme and remember their persisted color.
• Quiver AI SVG generation. Ask Wonder to generate a vector, and it streams a Quiver SVG straight onto the canvas. Background tabs and partial chunks no longer break the stream, and SVG nodes export cleanly back out.
• Message queuing in chat. Cursor-grade queuing. Type the next prompt while the model is still answering, hit send, and we queue it up. No compromises around streaming order or context.
• Chat tab strip with drag-to-reorder. Multiple chats in a file, draggable to reorder, plus a history dropdown, an X to close on the icon, and a banner for currently selected nodes.
• Find every shipped shortcut. Page switching with PgUp / PgDown / fn + arrows, hide or show frame title from right-click, scramble-text animation when the AI renames a layer, double-click the file name in the editor header to rename, and Option-scrubbing on linked layout values.

Editor improvements

• New editor top chrome. Sidebar collapse icons, file name front and center, a restructured main menu with submenus. The whole top of the canvas got reorganized.
• Sidebars are resizable again. Drag the divider to set sidebar widths back where you want them.
• Floating minimized chrome. When you collapse a sidebar, the minimal controls now float instead of taking layout space.
• Multi-selection on width and height inputs. Set the size of every selected element at once without changing layout type.
• Better shadow controls. The shadow section of the properties sidebar is rebuilt with cleaner controls.
• Frame title visibility from the layer list. Toggle whether the title shows above the frame from the layers panel.
• Default text on hug-hug. Adding text inside an Auto Layout that hugs in both directions now picks a sensible default instead of getting trapped in a zero-width frame.

AI improvements

• Rethought chat formatting. Cleaner code blocks, clearer streaming, less visual noise. The implement-design prompt was trimmed to just the copy implementation step.
• Split chat model selector into Agent / Image / Vector. Three discrete buckets so the right model is one tap away.
• Visible selected-context border animates only while the cursor moves. Subtle change, but it means the canvas is calmer during idle generation.
• Right-click fix action. Send selected nodes to your preferred tools for repair.

Bug fixes

• Visible properties no longer flicker on the visibility toggle.
• Gradient color stops now open the color picker on click.
• Truncate now works on text nodes.
• Toast variants now use the larger white Wonder logo and refreshed styles.
• Loading screen gets a small hop animation.
• Multiple text selections no longer show colors as background fills.
• Right-click context menu no longer shows canvas-only items on non-canvas pages.
• Stale chat context, ongoing-generation state, and the toast message when out of free tokens are all fixed.

A more consistent layout system across the app, a big batch of new shortcuts, auto-generated file thumbnails, and steadier concurrent AI generation.

Features

• A new sidebar and panel system. A more consistent, flexible layout across the app.
• Better AI generation animations. Clearer visuals while AI edits your canvas.
• A library of new shortcuts. F2 or ⌘R to rename the selected layer from canvas, ⌘⇧A to select similar layers, ⌥/, ⇧/, ⇧X for quick fill and stroke, ⌃⌥H / ⌃⌥V / ⌃⌥T for distribute and tidy-up, and the reserved single-key tool slots (R, E, P) are now active.
• Auto-generated file thumbnails. Leaving the canvas snapshots a thumbnail of your work, so the files list now shows the file you actually built.
• World city file names. New files are named after world cities instead of the old random word combinations.
• Rename layer in the frame context menu. Right-click any frame to rename without going through the layers panel.
• Chat continue. Pick up where a previous reply left off, with the active thread title carried through the command.

Editor improvements

• Auto margin. Set margin: auto from the spacing controls, no manual values required.
• Spacing input order fix. Top / Right / Bottom / Left, as expected.
• Padding and position when toggling flex. Switching layout type now preserves padding and absolute positioning instead of resetting them.
• Show frame size below the frame while resizing. Live measurements that follow the bottom of the frame as you drag.
• Hide selection bounds while adjusting fill or stroke. The selection box gets out of the way when you are tweaking colors.
• Replace background fills suggestion is suppressed. When the selection already matches the target color we hide the "replace fills" action.
• Hug option no longer shown on frames with absolute children. It would not have worked, so we hide it.
• More stable concurrent generations. Running multiple AI generations at once is smoother.

AI improvements

• Connect flow redesign. A clearer setup experience.
• Stopping generation actually stops everything. Deleting a chat, stopping a reply, or restarting a stopped reply now correctly halts the underlying tools and preserves history.
• Better font fallback. AI-generated designs more consistently use supported fonts.
• Rename elements quick action. One click to rename all selected layers in semantic, descriptive names.

Bug fixes

• Wrong font applied when picked from the search dropdown.
• Upgrade modal rendering empty for new users on canvas after exhausting limits.
• Pasted Figma layers now stay collapsed in the sidebar.
• Middle-click on chat URLs now opens them in a new tab.
• Sign-up and sign-in switching preserves the email and password you typed.
• Fill width now reads 100% Fill correctly instead of 100 Fill.
• New chat focuses the input on open.
• Preview now updates on keyboard-arrow navigation between elements.
• AI-generated artboards no longer resize to 2^18 width or height when payloads include percentage dimensions.
• Pasting a copied flex layout node no longer sets a 2^18 size.

We launched Wonder on Tuesday, April 14, 2026. Here is what shipped that week and the days right after.

Features

• Wonder is live. Public alpha launched on April 14.
• A new shader engine with editable parameters joined the canvas, plus dedicated icons for space-evenly, space-between, and space-around.
• Page backgrounds persist. Set a canvas background and it stays.
• Custom text caret. Editing text on canvas now uses a Wonder-styled cursor.
• Copy and paste styles from the context menu. Pick a node, copy its visual styles, paste onto another.
• Tooltips on every tool. Every toolbar item now has a tooltip explaining what it does and its shortcut.
• New AI model: Kimi. Available from the model picker in chat.

Editor improvements

• Gap and padding handlers on canvas. Pull on the gap or padding directly without leaving the canvas.
• Improved multi-selection logic. Cleaner selection through nested Auto Layout, smarter merging across hierarchies.
• Better alignment lines for text nodes. Text aligns to the visual edge rather than the bounding box.
• Layer panel polish. Tabbing through layers feels smoother, visibility order is fixed, and undo/redo of layer changes saves correctly.
• Border radius input. Typing 9999 no longer silently changes to 1000.
• Modifier helper lines update during arrow-key nudging. The second modifier line tracks live now.
• Flex shrink logic for fixed-size children. Fixed children inside flex containers now behave correctly under shrink.
• Figma copy and paste improvements. Pasting from Figma now preserves more structure and styling fidelity than before.
• MCP connect modal refinements. Layout and tool selection flow got a polish pass.

Bug fixes

• Default thumbnail icon updated.
• Outline visibility for editable host elements no longer flickers.
• Dragging a node with margin no longer drifts off the cursor.
• Duplicate children inside a flex parent no longer regress on paste.
• Selection boxes are no longer offset on AI-generated UI elements.
• Pasting copied Auto Layout no longer sets a maxed-out size.
• Custom text cursor restores its shape at the padding handle boundary.