Webstudio

@webstudio.is

A happy place to design and build for the web. ☆ Open Source https://git.new/website ☆ All CSS properties ☆ Dynamic at the speed of static

Webstudio MCP / CLI update: The agent can now edit your site, reload its existing preview, and use vision to verify each change in a few seconds, without rebuilding or restarting the browser every time.

People are starting to use Webstudio MCP for real projects, which is fun to see! One user built three versions of a funnel thank-you page, with the video and headline pulled from Baserow. They switch the whole page with a single select field in Baserow.

Bild

Asset management in Webstudio just got a major upgrade: nested folders, multiselect, drag and drop, keyboard shortcuts, context menus, breadcrumbs, and full MCP support—making even large asset libraries fast and easy to organize.

New in Webstudio: You can now mark pages as drafts. Draft pages remain editable in the Builder but won’t be published until you’re ready.

JSON-LD structured data now has a dedicated Webstudio component with built-in validation and Head Slot support. The new CLI and MCP can also generate JSON-LD for you automatically.

Webstudio local MCP alpha is live. It gives access to ALL features of the Builder, everything can be automated with AI. Join our Discord for more info: wstd.us/community or just ask your Codex/Claude desktop to try Webstudio CLI.

Bild

Multi-select in Webstudio Navigator is here. Select multiple instances, then copy, paste, cut, duplicate, or delete them together. Works from Navigator and canvas selection, with keyboard support for Shift + arrows and Cmd/Ctrl + A for sibling selection.

Linked Slots now stay in sync when renamed. Rename one Slot instance, and every linked occurrence gets the same label automatically. No more mismatched Slot names across pages or repeated layout instances.

New in Webstudio: Time zones can now be selected when rendering time. Choose UTC for stable output, use each visitor’s detected timezone, or select a specific timezone like Europe/Berlin.

New in Webstudio: Hide UI Hide all builder controls and see your site in full view. Especially useful together with native browser DevTools for device simulation and responsive testing.

Announcing page templates: editors and marketers can now quickly create new pages from pre-made templates that include all approved elements, without breaking the design.

Just released: Token lock. Now you can lock important tokens in your design system and stop worrying about accidental changes that break the entire site.

Ever updated a logo or hero image only to realize it's used on 15 different pages? Now you can replace any image across your entire project in one click.

Handing off a project to a client or moving work to a new workspace just got a lot simpler. Click Transfer, select a user or workspace - done. The project transfers along with its domain setup.

We just made collaboration in Webstudio easier and more secure. Introducing Workspaces: - Create a workspace for your team or agency - Invite teammates directly - no more sharing links - Control who can access which projects

🎨 The color picker just leveled up. Webstudio now supports all modern CSS color spaces - HSL, HWB, OKLab, OKLCH and more. Plus: colors with CSS variable (e.g. rgb(r g b / var(--opacity))) are now fully parsed and preserved.

Bild

CSS Grid is here in Webstudio. Pick a preset layout, add rows and columns, define areas, and control every grid child - all visually.

Now you can auto-generate design tokens in Webstudio. Paste any HTML with a <style> tag and your CSS classes are instantly converted into Webstudio Design Tokens.

Redirects in Webstudio just got a major upgrade 🔀 • Import from any platform (CSV, JSON, htaccess, Netlify) • Loop detection so you can't break your site • Wildcard patterns: /old/* → /new/* • Non-latin characters support Migrate sites without losing traffic ✨

Bild

🛡️ Introducing Safe Mode in Webstudio Accidentally introduced an infinite loop that froze your project? Safe Mode is your escape hatch. Open any project with scripts disabled, fix the issue, and get back to work. Dashboard → Project menu → "Open in safe mode"

🔧 QoL improvement: Copy-pasting from Inception or Tailwind templates? We now skip breakpoints you're not using. Cleaner projects, less clutter.