Product Updates

Custom fonts, a canvas you can talk to, predictive text, and a deep pass of polish and stability across the editor.

Features

• Custom fonts. Upload your own fonts, hosted by Wonder and shared automatically across export.
• Talk to the app. The ⌘K command palette is now connected to the AI, so you can ask Wonder to run actions and navigate the app for you. The palette also gained a batch of new actions.
• Predictive text. Wonder can finish the copy you're typing with inline suggestions.
• Changelog on the canvas. Read what's new directly in the app from the help menu, which also got a full overhaul.
• A sound when generation finishes. An optional chime when a chat reply completes.

Editor improvements

• Drag to reorder fills, borders, and shadows. Reorder any of these lists by dragging.
• Select any layer under the cursor. A right-click "Select layer" submenu lets you pick any nested layer beneath the pointer.
• Select on canvas for uploads. Pick an existing node directly as the asset in SVG, image, and shader upload modals.
• Better undo / redo. Compound actions group together, selection is restored after delete, and typing in text fields no longer shatters undo into per-keystroke steps.
• New pages inherit their color. A new page now takes the background color of the page it came from.
• Image context tokens. Inline image chips in chat with a full-resolution viewer.
• Persistent layout. Sidebar and layout configuration now follows your account across sessions.

AI improvements

• Designs are protected. The AI now duplicates before editing, so it never overwrites an existing design unless you explicitly ask.
• Better SVG generation. Quiver vector generation is more reliable, with cleaner streaming, stream-timeout handling, and improved hand-drawn output.
• Smarter context. The AI now knows your organization, file, and page names.
• Fixed remove-background. The remove-background quick action no longer deletes the whole image.

Bug fixes

• Fixed a flicker when editing a chat message and a spurious empty row appearing in the composer.
• Fixed the "new version" reload toast firing on every tab refocus and interrupting edits.
• Fixed padding and margin canvas overlays staying visible permanently.
• Fixed the command palette scroll regression and repositioned the ⌘K modal.
• Fixed the organization logo getting stuck while loading.
• Fixed several canvas and renderer crashes affecting startup and editing stability.

This update brings a faster navigation experience, a more powerful chat workflow, improved editing controls, and a large collection of polish across the canvas.

Features

• Chat history. Every conversation now lives in a dedicated sidebar, making it easy to revisit previous chats and continue where you left off.
• Command palette. Press ⌘K to search actions, navigate the app, and access tools from anywhere.
• Find layers instantly. Search layers by name from the sidebar or canvas and jump directly to matching elements.
• Edit sent messages. Update a prompt after sending it and continue the conversation from that point.
• Export to code. Export sections directly as Tailwind or CSS.
• Edit SVG Colors. SVG colors are now editable, including icons that use currentColor.
• New shader presets. Dedicated Background, Logo, and Image tabs now support image and SVG uploads.

Editor improvements

• Math in value inputs. Numeric fields now support calculations and mixed-unit expressions using CSS-style math.
• Better resizing controls. Hold ⌥ to resize from the center and ⇧ to maintain proportions.
• New editing shortcuts. Added inline text formatting shortcuts and faster Auto Layout creation with Shift+A.
• Copy as PNG. Copy selections directly as PNGs from the canvas.
• Custom file thumbnails. Set any element as the thumbnail for your file.
• Improved layer management. Layer ordering now more closely matches Figma and searching layers is significantly faster.
• Named color support. Color inputs now accept values like white, black, and red.
• Better canvas visuals. Page background opacity now uses a checkerboard preview and several controls have been refined throughout the editor.

Design improvements

• A more consistent canvas experience. Menus, dropdowns, sliders, icons, hover states, and editing interactions have been polished across the app.
• Redesigned file cards. File management is cleaner and easier to scan.
• Unified inline editing. Pages, layers, and files now share the same renaming experience.
• Faster onboarding. Improved loading performance, mobile onboarding, and error states throughout the app.

Bug fixes

• Fixed chat threads occasionally getting stuck while loading.
• Fixed sidebars becoming stuck in a collapsed state.
• Fixed nodes disappearing while zooming and selection bounds becoming incorrect.
• Fixed SVG upload and logo rendering issues.
• Fixed shaders occasionally stopping after opening settings.
• Fixed dragging, scrubbing, and selection issues throughout the editor.
• Fixed several crashes and stability issues across the canvas and properties panel.

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.