Reference
Changelog
What's new in Shippp — new features, improvements and fixes, as they ship.
Release notes for Shippp — new features, improvements and notable fixes across the editor, the design system, collaboration, the dashboard, MCP and code export. The “What's new” item in the app's account menu brings you here.
Multiplayer
- Rejoining a shared file after a network drop is smoother.
- The editor reconnects by itself when you come back online, return to the tab or wake your computer.
Text
- Styling part of a text from the panel, like underline, changes only the selected part.
Canvas navigation
- Panning around the canvas is smoother.
- The canvas scrolls by itself when you drag a section or screen to its edge.
Large edits
- Duplicating a large section is noticeably faster.
Components and tokens
- Hiding a layer in one variant or breakpoint affects only that one.
- Deleting a token that is still in use asks you first.
Component variants
- The variant values in the inspector always match the canvas.
Syncing design to code
- An AI agent can only link a code repository after you approve it.
- When you have edited the code by hand, a sync lets you decide what happens to your edits.
Version history
- Save Version tells you when your version is saved.
- Restoring an old version first saves your current one, so you can always go back.
AI tool connections
- Connected AI tools show clear statuses, with a Reconnect option.
- New setup guides for Codex, Replit and any HTTP-based client.
- Agents can ask what changed since their last sync and download the images and fonts your design uses.
Code export
- Line breaks in text, design tokens and fill or hug sizing in hover and responsive styles export to code.
Getting started
- New accounts start with a ready-made Getting Started file in their workspace.
Saving
- Edits made offline are merged in when you reconnect.
- The save status in the editor is clearer.
Images
- Very large images appear almost instantly when you drop them in, and stay sharp when you zoom.
- Pasting an image onto an element adds it as a new fill on top of the existing ones.
Arranging and aligning
- With several layers selected, the right-click menu can reorder, lock, hide or delete them all.
- Align and flip work on layers in different frames and under rotated parents.
Selecting and moving
- Shift-click adds or removes a container from the selection, on the canvas or in the Layers panel.
- Moving a layer into another parent keeps it where it was on screen.
Selection colors
- The panel on the right lists every color in your selection.
- Change a color there and it changes everywhere in the selection.
Responsive copy and paste
- Copy a block from one breakpoint and paste it into another section. Its versions on the other breakpoints come with it.
Selecting and moving
- Locked layers no longer block what is behind them.
- Hold Shift while dragging to keep a layer on one axis.
- Dragging in large grids is smoother.
Feedback
- Send us feedback from the editor, next to the canvas tabs.
Images
- Files with large images open faster.
- Panning and zooming stay smooth with many images on the canvas.
Text
- Text with more than one color shows as mixed in the Fill row.
- Opening and closing a text without changes no longer alters it.
Faster images
- Images now load at the resolution the current zoom needs, so files with many large images open and scroll faster.
- Screenshots and previews always use the best image quality, whatever zoom you are at.
- Images you place keep their real size on high-density screens.
Canvas precision
- Hold Option to see distances while you scrub a value in the inspector.
- Rotated layers align and snap correctly.
- Smart guides while dragging only show targets on the same level.
Files and export
- Move a file to another project straight from the editor.
- Code export supports text direction, truncated text and list-style text.
Number fields
- All number fields in the inspector work the same way, with typed units, precision limits and arrow-key previews.
- A single color field is used everywhere you set a color value.
Locked layers
- Locked layers can't be moved by dragging, nudging or a marquee selection.
- Right-click the canvas and use "Select layer" to pick a locked layer.
Sharing and publishing
- Choose which screens a share link or published preview includes.
- Change the settings of a live link without pressing Apply.
- You can delete any variant value, including the first one.
AI agents
- Narrow an agent's access straight away, or widen it with a new approval.
- Install link for Replit in the MCP connect options.
Grid layout
- The grid view is redesigned, with icon fields for columns and rows and a gap control.
- A new Grid tracks card lets you select, reorder and delete tracks, including implicit ones.
- The canvas shows grid cells while you edit a grid.
Component studio
- The studio panel shows the component's real name; double-click it to rename.
- Select and delete properties right in the panel, and swap instances from a two-column picker.
MCP and tokens
- A new MCP popover lists connected agents with their status and access level.
- Clicking a color swatch in Foundations opens the same token editor as the row.
Selection and dragging
- A marquee selection picks up rotated layers by their real outline.
- Flipping several layers at once flips each one in place.
- Aspect ratio lock follows the frame you are editing.
AI agents
- The Shippp MCP package can sync designs straight into your repository.
- Agents can look up the exact format of a single command when they need it.
- Agents can copy a whole layer tree to a new place in one step, and undo their own changes.
Panels
- Cards open and close more predictably, with a clear header strip.
- Text options are redesigned, with more detail for caps and number styles.
- The inspector remembers your scroll position for each layer type.
Copy and paste
- Pasted layers land right after the selected layer.
Connected workspaces
- Connect a workspace to a project and work with guests from another team.
- A new Connected tab shows guest access, which you can manage from either side.
- Pro workspaces can limit sharing to their own email domain.
Panel polish
- Text case options include small caps; clicking the active option clears it.
- Dash styles use the same control for borders and SVG colors.
- Padding fields have clearer side icons.
Sharing and roles
- Workspaces have Owner, Admin, Editor and Viewer roles, and viewers can comment.
- Share links can have a password and an expiry date, and can cover a whole project.
- Viewers can ask for edit access, and people can be invited to whole projects.
Trash and archive
- Deleted projects and workspaces stay in the trash for 30 days, ready to restore.
- Members can be archived and reactivated later.
Plans and seats
- Only editors take up a paid seat, with a clear cost preview before you add one.
- You get prorated credit when you remove a seat.
Inspector polish
- The constraints control is redesigned, with separate center buttons you can reach with the keyboard.
- Rename layers and pages inline, using the full row.
Collaboration
- When two people edit the same layer at the same time, each person's changes are kept unless they change the same property.
- Renaming a file from the dashboard now updates right away in the open editor.
- The header shows "Saving…" and "Saved" so you can see when your latest changes are stored.
Interface polish
- The Layers panel has cleaner lock, visibility and expand icons, and hidden layers are easier to spot.
- Width and height fields have new icons, and the X and Y fields show axis icons everywhere.
- Field icons now use one consistent size across the editor.
Foundations
- A drag handle shows up when you hover over any token row you can reorder.
- To remove a primitive token, select it and press Delete, or right-click it.
Dashboard
- You can switch the sort direction of your file list between ascending and descending.
Feedback
- You can add a screen recording when you send feedback.
Dashboard
- Search your files by name from the dashboard.
- Sort your file list by last edited, date created or name.
Feedback
- A new built-in feedback form lets you send ideas and problem reports from the dashboard and the editor.
- You can attach images to your feedback, and your text is kept if sending doesn't go through on the first try.
Plans
- The Free plan now includes access to AI agents through MCP, with a weekly allowance.
- Every plan now allows unlimited files per project.
- Plan & billing shows your MCP usage under the new limits.
Thumbnails
- File thumbnails show the actual screen of your design more reliably.
Moving and measuring
- Hold Alt to see the distance to the nearest layer on all four sides, even when you aren't hovering over anything.
- Alt+arrow moves a layer and Shift+Alt+arrow moves it in bigger steps. To reorder screens in a section, use Cmd/Ctrl+Shift+arrow.
- A selected section now moves as one unit when you use the arrow keys.
Canvas navigation
- Zooming with the keyboard or the toolbar now moves through set zoom levels, from 2% up to 25,600%.
- Scrolling or panning stops the animated jump to a comment straight away.
- Scrolling over an open comment no longer moves the canvas underneath it.
Collaboration
- Each person in a file gets their own cursor color, and AI agents use the same set of colors.
- Cursors on the canvas are slightly smaller.
Files and images
- New files open instantly after you create or import them.
- Large file imports and image uploads are faster and more reliable.
- Animated GIFs play at every zoom level.
Multiplayer
- See other people's cursors move more smoothly while you work together.
- Comments pinned to hidden layers now show a visible counter, so they stay easy to find.
Fonts and SVG
- Upload a variable font and every width style becomes available.
- Images embedded inside SVG files are uploaded as separate assets.
Editing polish
- Rename a component's frame straight from its header.
- Drag a pinned component frame together with the rest of your selection.
- Screens keep their height setting across every breakpoint.
Toolbar refresh
- Icon buttons across the editor have consistent spacing and clearer names.
- Controls that you rarely use stay quiet until you need them.
AI agents
- Agents can create tokens, text styles and breakpoints.
- Agents can rename layers, components, screens and pages, and format parts of a text.
- Agents can add images, read and write comments, and get a visual preview of a design.
Images and assets
- Copy an image in Finder and paste it straight onto the canvas.
- Drop several assets at once and they land in a neat grid, undone in one step.
- SVG imports keep their embedded images.
Selection
- Hold Shift while drag-selecting to add or remove layers from the selection.
- Press Esc to cancel a drag selection.
Inspector
- Token colors show their token name instead of a raw value.
- Lock the aspect ratio on component instances.
- Detach a token from a property with one click.
Components
- A change to a nested component in the main component reaches every instance, except instances you've overridden.
- Each component sits at its own size in the component studio.
AI agents
- See where an AI agent is working on the canvas, with its name and a pulsing outline.
- Agents can turn a selection into a component and add new sections.
Panels
- Select several icons to edit their size and position together.
- The breakpoint switcher is back on the tokens panel.
- MCP documentation and the privacy page are now public.
Canvas
- Zooming with ⌘ and the scroll wheel moves in even steps.
- Hovering a screen or section label highlights it on the canvas.
- Click a section's name to select the whole section.
Components
- Jump from a nested instance to its main component.
- Instance swaps keep their colors.
- New component frames open at a sensible size.
Inspector
- Every rotation field has a Rotate 90° button.
- Set the X and Y of several layers at once.
- The right-click menu is shorter and easier to scan.
Account and billing
- Plan & billing lists your past invoices.
- Checkout is now fully in English, with invoices you can download.
- When you reach a plan limit, you get a clear reason and a link to upgrade.
Sharing
- Comment replies open right in the panel.
- Deleted files stay in the trash for 30 days.
Polish
- Error pages match the rest of Shippp.
- Drag container labels to move containers around the canvas.
Component properties
- Add swappable properties to components and choose instances from a visual picker.
- Exported code includes component properties, with Storybook examples.
- Press ⌘/Ctrl+P to place a component in the studio.
Icons
- A new built-in icon set is ready to use in your designs.
AI agents
- Connect a code repository to a file and keep the generated code in sync.
- An inline card in your AI assistant shows your current selection.
Sharing
- Share a read-only link to any file from the editor toolbar.
- Invite teammates as viewers or commenters, not just editors.
- The dashboard only shows the actions your role allows.
File thumbnails
- Dashboard cards show a preview of each file's first page.
- Upload your own thumbnail, replace it, or go back to the automatic one.
AI assistant
- A new "Connect AI assistant" page in your account shows connected assistants and lets you disconnect or reconnect them.
- When you connect an assistant, choose the workspace and whether it can read only or also make changes.
- Large deletions requested by an assistant now ask for your approval first.
Selection and shortcuts
- Press Alt/Option+H or Alt/Option+V to center layers horizontally or vertically.
- Press O to draw an ellipse.
- Clicking selects layers more predictably inside nested containers.
Editing shortcuts
- Press a number key to set opacity: 3 for 30%, 0 for 100%.
- Use the arrow keys to reorder selected layers in auto layouts.
- Bring to front and send to back work on multiple layers at once.
Components
- "Go to main component" jumps to the exact variant the instance uses.
- A new variant value carries over the settings of the default row.
Inspector
- Selecting different kinds of layers together shows one shared panel.
- Shift-click to select a range of fill layers, then copy and paste them as a set.
- Clip content is now off by default on new containers.
Fonts
- Variable fonts show their named styles correctly.
- Text looks the same while you edit it as it does on the canvas.
AI editing
- AI assistants can now edit designs: change text, move, add or remove layers, switch variants and bind tokens.
- A marker on the canvas shows which layers an assistant is working on.
Comments
- @mentions in comments now notify the person you mention.
- Comments stay visible even after the layer they point to is removed.
Collaboration
- Open the same file in several tabs at once.
- Deleting several layers or duplicating a selection is now a single undo step.
Fonts and tokens
- Fonts that are only partly available show a clear notice.
- Renaming a token to a name that's already in use shows an error as you type.
- Press Enter to select all children of the selected containers.
Text options
- A full Text options panel gives you finer control over typography.
- Font and text style pickers now share one searchable list.
Number fields
- Press Escape to undo a change you're typing in a number field.
- Type "Auto" directly into size fields.
Accessibility
- Navigate the layers panel and the inspector with your keyboard.
Export
- Storybook "Show code" now displays the real component code.
- AI assistants can generate code from files that contain uploaded images.
Code export
- Export to Tailwind, alongside the existing profiles.
- Export now flags style tokens that can't be found.
- Text styles, icons and component variants export more accurately.
Canvas polish
- Selection outlines now follow layers inside rotated containers.
- Zooming while you drag keeps the layer under your cursor.
- Alt-dragging a stretched layer creates a duplicate the same size.
Sizing and layout
- Clip content behaves the same on every screen and breakpoint.
- The aspect ratio lock works with layers that fill both directions.
- Component variants smaller than the main component show at their real size in the studio.
Canvas
- Images you drop on the canvas keep their original size.
- Hold Alt to see distances to rotated layers.
- Snap guides show numbers only where they are useful.
Text editing
- Double-click the edge of a text box to switch it to auto width or auto height.
- Click outside a text box to finish editing.
- Text alignment now offers left, center and right.
Layers and components
- In the Layers panel, the arrow keys move layers up and down in the order.
- Double-click a component studio's title to rename it.
- Press Enter to select all children of the selected layer.
Preview and export
- The preview can follow your selection in the editor.
- The preview switches breakpoints as you resize its window.
- Code export is more consistent between the editor and AI agents.
Layers panel
- The Pages and Layers panels have a cleaner, more compact layout.
- New layers get numbered names, like "Rectangle 2".
- Section names and live content titles show in the panel.
Screens and sections
- Each section now sits on its own card behind its screens.
- Screen titles show the breakpoint and width, and adapt as you zoom.
- Drag a screen's title to reorder screens, or use Alt+Left/Right.
Editing
- Crop background images by zooming from a corner and panning.
- The inspector shows live values while you drag, resize or rotate.
- Color, effect, typography and grid pickers share one consistent card design.
Selection
- Clicking anywhere inside a top-level item selects the whole item first.
- You can select nested components with a single click.
- Removing a wrapper works the same from the menu, the shortcut and AI.
Component variants
- New variants start from the default variant's current settings, including its breakpoint settings.
- The default variant now stays in place as a required part of every component.
- Each fill and shadow layer can now be set separately for each variant.
Component Studio
- The Studio frame now sizes itself to fit the instances inside it.
- Nested instances in the Studio now get the full inspector, the same as instances on the canvas.
- Breakpoint cells offer a "Reset to variant" option, plus a second option to reset further back.
Canvas and layers
- Dragging now snaps layers to whole pixels.
- Icons in the Layers panel show each container's actual layout direction.
- Empty freeform containers can be switched to smart layout in one step.
Responsive variants
- The mobile column of a variant now has its own breakpoint settings.
- Editing content in one breakpoint cell changes only that cell.
- When you detach an instance, each screen keeps the look it had before.
Component Studio
- Clip content now works inside the Component Studio.
- In the Studio, you can swap a nested instance's variant or reset it to its own component.
- When pasting or duplicating isn't allowed inside a variant, a clear message explains why.
Polish
- On text layers, the inspector shows Appearance above Fill.
- The button for removing a variant now sits neatly inside the variant popover.
Variants per screen
- You can now pin a different variant of a component on each screen.
- Constraints can now be set separately for each variant.
Component Studio
- Reorder variant cells with the keyboard or from the panel.
- The Component Studio frame matches the size of its content when you drop it in.
- The inspector shows the same controls for variant cells as it does for regular layers.
Smart layout
- The inspector's layout and direction icons now work on multiple selected layers at once.
- Wrapping layers that fill their parent now creates a wrapper that also fills its parent and keeps the parent's gap.
- Wrap is now offered only on horizontal layouts.
Sizing and alignment
- Screen width is now always fixed, while screen height can still hug its content.
- Hug children keep their size instead of shrinking.
- Align now only lines layers up and doesn't change their size.
Rotation
- Rotated layers keep their rotation when you move them into another container.
Auto layout conversion
- Converting to auto layout works out alignment on both axes, even when layers are slightly out of line.
- When you switch a container to hug, its fill children stay at their current size.
- Wrapping a single layer no longer adds extra padding.
Responsive design
- New breakpoints inherit hug sizing from the screen they're based on.
- Text styles can now be set differently on each screen.
- Layers anchored to the center stay in place when you move them into a freeform container.
Responsive screens
- Breakpoint screens are now built from a single main design, which keeps every screen in sync.
- Export, preview and AI tools all work with the new screen setup.
Editing
- Text style actions now apply to everything you have selected.
- Replacing a color across your selection also updates hover and other interaction states.
Responsive screens
- You can now resize the root of a component instance separately on each screen.
- Hiding a layer inside a component on the main screen now hides it on every other screen as well.
- Older files with linked sections update to the latest screen format automatically when you open them.
Override indicators
- When a value is changed both on a screen and on a component instance, each change now gets its own dot in the panel.
- Resetting an instance override now applies on every screen.
- Resetting a layer to its breakpoint defaults also clears changes made to its hover and other states.
Screens and breakpoints
- When you drag a layer onto a screen or off it, the editor switches to that screen's breakpoint right away.
- Deleting a layer on a secondary screen now only hides it on that screen.
- You can now give elements a different visual order on each screen, and the page structure stays the same for screen readers.
Components
- Elements you copy from the Component Studio now paste with all of their styles.
- A detached component instance keeps the layer order it showed before.
Live preview
- The preview looks exactly like the canvas at every breakpoint and in both light and dark mode.
- Hover and focus states work in the preview, and so do animations.
Code export
- Exported code is cleaner because it leaves out variant settings that match the default.
- Element order in exported code now matches what you see on the canvas.
Component Studio
- You can now reorder elements separately in each variant.
- The Layers panel and the inspector now show the same hidden state and values as the canvas.
If something changed in the app and you can't find it on this page, ask us at support@shippp.ai.