We’re excited to introduce a new set of updates to Stepwik designed to help developer advocates, technical authors, and organizations create better interactive learning experiences, while understanding how developers actually engage with them.

This release brings improved AI codelab generation, progress tracking and analytics, Google Analytics integration, Mermaid diagrams, and Figma embeds.

Creating high-quality codelabs with AI is now more powerful and seamless. We’ve improved Stepwik’s AI agents for generating codelabs from:

The agents can now continue working in the background inside Stepwik Studio, so authors don’t have to wait for generation to finish before continuing their work.

We’ve also improved the generation pipeline to produce more structured, useful, and higher-quality codelabs, with generated labs now targeting a quality score of up to 85%.

Start the generation, continue working in Stepwik Studio, and let the AI agents handle the rest.

Publishing a codelab is only the beginning. Understanding what happens after developers start using it is just as important.

Stepwik now includes Progress Tracking for readers, authors, and organizations.

Get detailed insights into how developers engage with your codelabs.

Track metrics including:

These insights can help developer advocates and technical authors identify difficult steps, understand engagement, and continuously improve their learning content.

Readers no longer have to worry about losing their place.

Partially completed codelabs are automatically available under My Progress, making it easy to return and continue learning from where they left off.

Learn at your own pace. Stepwik keeps track of the rest.

Want to understand how developers discover and use your public Stepwik site?

You can now connect Google Analytics to your Stepwik subdomain.

Simply add your Google Analytics Measurement ID in Stepwik, and visitor activity from your public site can be tracked through your own Google Analytics dashboard.

This gives organizations another way to understand:

Your Stepwik learning experience can now become part of your existing analytics workflow.

Technical documentation often needs more than text and code.

Stepwik now has native Mermaid support inside the lab editor.

Simply type: /mermaid to insert a Mermaid diagram block, then write or paste your Mermaid source.

The diagram renders directly inside your codelab, no mermaid.live link or separate Mermaid account required.

Because the Mermaid source remains editable as text, diagrams can evolve alongside your technical content.

Now your architecture, code, explanations, and diagrams can all live inside the same interactive codelab.

Design context belongs next to implementation.

We’re excited to introduce Figma embeds directly inside the Stepwik lab editor.

Type: /figma and paste a shareable Figma file, prototype, or FigJam URL.

The content is embedded directly into the lab. No Figma account connection to Stepwik is required; the source simply needs to have the appropriate sharing permissions for embedding.

Instead of sending developers back and forth between documentation and design links, the relevant design context can now stay directly inside the learning experience.

These updates are part of our continued focus on making Stepwik a better platform for Developer Advocacy, Developer Education, and interactive technical content.

Authors can create better content with AI.

Developer advocates can understand how developers engage with it.

Readers can track their learning.

And teams can bring code, diagrams, designs, analytics, and interactive instructions together in one place.

Create. Teach. Measure. Improve.