The new full-stack designer builds it: lessons from Shopify

The episode The New Full-Stack Designer in Y Combinator’s Design Review series asks what a designer looks like when the line between a picture and a working product has all but disappeared. The guest is Marvin Schwaibold, who leads Shopify’s product design studio, and the host is YC’s Aaron Epstein. For anyone hiring or working as a full-stack designer, the message is clear: build, don’t just draw.

According to YC’s episode description, Schwaibold walks through his own design process and shows his team’s recently launched redesign of the Shopify admin, along with work on the Sidekick assistant. There is also a weekend project in which he rebuilt real grass as a shader, and a carousel that took 91 attempts to get right. The second half of the episode reviews websites submitted by viewers, with a focus on motion and interactivity.

A designer who builds

The same idea runs through the episode’s chapters: the design process has changed, and designers now build. The chapter titles also mention Shopify CEO Tobi Lütke’s view that the future has to be designed, and how the studio works within Shopify.

For a small business owner, this is a practical matter. When a visual idea can be tested straight away as a working prototype, feedback arrives sooner and wrong turns get dropped before money is spent on them. We looked at the same logic of learning fast in our piece on customer insight as a startup’s competitive edge.

91 attempts and visible variables

With the grass shader, the episode covers the insight of a topographic map, and the next chapter introduces Dialkit, a way of surfacing design variables so they can be tweaked. The carousel’s 91 attempts make the same point from another angle: good motion comes from iteration, not from one lucky sketch.

If you build your own website or app, the lesson is simple. When adjustable values such as speed, delay and distance are easy to change, you can run dozens of experiments in a single afternoon. AI tools speed this up even more, provided the time saved has a direction, as we discussed in our article on how to use the time AI saves you.

Good motion comes from iteration, not from one lucky sketch.

Six websites under review

In the second half of the episode, the sites of six startups are reviewed. The chapter titles sum up observations any founder can hold up against their own pages:

• One main goal per page.
• The trouble with tabs: important content easily ends up hidden.
• AI-generated illustrations that add nothing to the page.
• Show the actual product, not just thumbnails.
• Social proof, and when less is more.
• Homepage sections as chapters that move like a story.
• Let visitors explore the work themselves, and think hard before hijacking the scroll.

The final chapters cover rhythm, which the episode describes as launch, cruise and landing, as well as the technology page. The episode closes with the Blossom carousel.

What should you take to your own site?

Pick one main goal for your homepage and cut everything that doesn’t support it. Replace decorative images with real views of your product or service. If you use motion, tune it until it feels natural, and test the page on a phone too. An AI agent makes this kind of iteration quick, as long as it has been given a working environment that actually works.

▶

Watch the original episode on YouTube: Y Combinator.

Sources

• Y Combinator: The New Full-Stack Designer (Design Review, YouTube) — Based on YC’s published episode description and timestamped chapters, not a verified transcript. Topics include designers who build at 18:27, Dialkit at 26:16 and website reviews from 31:04. The practical suggestions are the author’s own reflections.
• Marvin Schwaibold: grass-shader (GitHub) — Source code for the grass shader, linked in the episode description.