Roundup: Code Indicators, Blocks AI & New Design Kits in Wix Studio

This month, we introduced code indicators for smoother dev–designer collaboration, design kits to jumpstart your builds, and Blocks AI to rapidly create or edit widgets, code, and CMS collections.

Plus, dive into creative solutions from the community - like tracking which dynamic page a Wix Form was submitted from, installing the new Wix MCP server with AI tools, and more.

Dive in :backhand_index_pointing_down:


Community Made Resources

Track which dynamic page a new Wix Form was submitted from

Sometimes, you want to know which page a user submitted a form on - which can be especially useful for dynamic pages, like a car listing or product detail page. This demo shows you how to add that data to your form submission

Learn how


How to use and install the new Wix MCP server with AI Tools

Interested in exploring the Wix MCP? @emmy has you covered with all the steps to get started.

Learn how


Allow site members to Delete Their Own Accounts Directly from the Members Area Without Contacting Site Owners

Need to give site members the option to delete their accounts from the members area without needing to contact the website owner? @Andrian shared a solution with steps to get setup

Learn how


Styling apps and elements with CSS (that normally you can’t)

Our resident creative solutions expert - @Rob - shared a workaround allowing you to use CSS to add further customisation to elements you wouldn’t normally be able to style :smiling_face_with_sunglasses:

Learn how


Wix Studio News

Devs :handshake: Designers

Meet code indicators :smiling_face_with_sunglasses:

With code indicators, you’ll minimize errors, boost transparency, and make collaboration between developers and designers smoother.

Any element with associated code, in the Studio Editor, is clearly highlighted, so designers can instantly spot them. If a code-linked element is about to be deleted, a warning pop-up will appear, ensuring designers don’t delete essential elements by mistake.

Read more


Easily preview sites on mobile with QR codes

Instantly preview client sites on any mobile device by using a QR code.

When you scan the code, you’ll see a test version of the site and you can also share the QR code link with clients for a seamless way to get their feedback.

Read more


Use curated design kits to jumpstart your projects

Design Kits bring you curated collections of cohesive sections and design elements, ready to use right from the Add Panel.

They’re your design jumpstart: spark inspiration, build faster, and mix, match, or customize to your heart’s content. Oh - and yes, some come pre-animated :smiling_face_with_sunglasses:

Read more


And a few of the latest enhancements…

The Studio Editor got a few updates to help you work more efficiently and enjoy more design control:

  • Horizontal Stack RTL direction - Adjust the Stack component to display content from right to left when set horizontally.
  • New image and background scroll effects - Background scroll effects are now part of the Motion System, offering enhanced customization and a new UI. We’ve added two image scroll effects - Parallax Fill and Reveal Fill - so you can deliver engaging designs for your clients.
  • Set header to bottom of the screen - A new toggle in the Inspector panel lets you pin headers to the bottom of the screen instead of the top.
  • Copy layout to all breakpoints - Apply the same layout, styles and interactions across all breakpoints with a click of a button, keeping designs consistent and eliminating manual overrides.


Dev News

Introducing Blocks AI: Create and edit Wix Blocks widgets with AI

With Blocks AI, you can rapidly build or edit widgets, code and CMS collections, jumpstarting projects and reducing your manual workload.

Whether you’re starting from scratch or fine-tuning an existing app, Blocks AI generates responsive layouts ,edits designs, and writes product-ready code, all from simple prompts.

The process is streamlined into three stages: Generate Widget, Edit Widget, and Generate Code. AI assists at every step, from layout and content to logic and functionality. The result: A faster, smarter way to build fully functional apps and widgets tailored to your clients’ needs.

Blocks AI is open to all Wix users and available in beta.

Read more


Find the complete set of SDK Release Notes here.


News and Announcements



If you made it this far…

You officially qualify for the “I Read the Whole Thing” award :1st_place_medal:

Other equally prestigious titles include:

  • Most Likely to Scroll With Purpose
  • Head of Staying Until the End
  • Vice President of Curiosity

Wear them with pride. No ceremony necessary.

4 Likes