Marvin Schwaibold's banner

Marvin Schwaibold

@MSchwaibold • 17,373 subscribers

Director of Design @Shopify, previously co-founder of Molly (acq by Shopify)

Shorts

Training Data

Training Data

52,957 просмотров

The anatomy of any component

The anatomy of any component

29,717 просмотров

These letters are held together by physics and good intentions

These letters are held together by physics and good intentions

21,046 просмотров

A special edition of Demo Night is happening June 4th to celebrate the opening of our brand new Shopify design studio in New York. RSVP below 👇

37,619 просмотров

Super proud of the work the Product Design Studio has put into the redesign of the Shop web landing page. So many iterations until we landed at something that felt unique and beautiful.

Super proud of the work the Product Design Studio has put into the redesign of the Shop web landing page. So many iterations until we landed at something that felt unique and beautiful.

55,019 просмотров

Dynamic navigation to quickly move in and out of pages with Johnny Slack for an upcoming project we are working on 👽👾

Dynamic navigation to quickly move in and out of pages with Johnny Slack for an upcoming project we are working on 👽👾

119,856 просмотров

New card stack component I’ve been working on with Johnny Slack for the Global Space Ventures portfolio launch 🪐🛰️🔭

New card stack component I’ve been working on with Johnny Slack for the Global Space Ventures portfolio launch 🪐🛰️🔭

68,777 просмотров

Excited to share the new dynamic navigation center for WePresent—a simpler way to search, navigate, and save content. With and code by Lorenzo Migliorero

Excited to share the new dynamic navigation center for WePresent—a simpler way to search, navigate, and save content. With and code by Lorenzo Migliorero

41,792 просмотров

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

GPT-6 Astra is really good at generating UI

GPT-6 Astra is really good at generating UI

Marvin Schwaibold

1,304,019 просмотров • 1 месяц назад

I just got my MRI scan and did the same thing ... and the (german) clinic was blown away by my viewer. I can browse every scan, hover to autoplay slices, search anything, scribble notes, stamp findings, and screenshot moments instantly.

I just got my MRI scan and did the same thing ... and the (german) clinic was blown away by my viewer. I can browse every scan, hover to autoplay slices, search anything, scribble notes, stamp findings, and screenshot moments instantly.

Marvin Schwaibold

897,806 просмотров • 3 месяцев назад

Ways I like to work and experiment: For this search input component, I can strip away pretty much all of the surrounding UI and focus entirely on the component in isolation. From there, I can quickly jump between different states, bringing back parts of the UI or the full context to experiment with patterns, behaviors, and interactions.

Ways I like to work and experiment: For this search input component, I can strip away pretty much all of the surrounding UI and focus entirely on the component in isolation. From there, I can quickly jump between different states, bringing back parts of the UI or the full context to experiment with patterns, behaviors, and interactions.

Marvin Schwaibold

57,713 просмотров • 8 дней назад

Update from the german "component factory " - Astra is now just building them (almost) autonomously

Update from the german "component factory " - Astra is now just building them (almost) autonomously

Marvin Schwaibold

136,659 просмотров • 1 месяц назад

I've been building layout engines and grid systems my entire career, and the latest leap in model capabilities finally feels like it has set me free. This prototype explores a thesis I wrote in 2019 on “structured randomization”: generating layouts within a strict set of rules, including a column grid, padding, safe space and an underlying pixel grid. The model can only play within those boundaries. The result is 180+ variations I can quickly scan, compare, and use to make more deliberate design decisions myself.

I've been building layout engines and grid systems my entire career, and the latest leap in model capabilities finally feels like it has set me free. This prototype explores a thesis I wrote in 2019 on “structured randomization”: generating layouts within a strict set of rules, including a column grid, padding, safe space and an underlying pixel grid. The model can only play within those boundaries. The result is 180+ variations I can quickly scan, compare, and use to make more deliberate design decisions myself.

Marvin Schwaibold

67,971 просмотров • 20 дней назад

A German tweeting about grids … oh well here goes nothing: Every component here follows a very simple and layered grid structure. First 8px base grid. I set that up as tightly as possible to allow for max flexibility later. 24px radius + Inset 24px Second padding (safe space) and content areas showing how things are grouped together. Then the structure with text hierarchy, image placeholders and controls, followed by the actual font sizes and weights used in each component. I’m only using two font families (Inter and Baskerville) and a max of three font weights and sizes per component (very important for visual hierarchy) Those are the basics but those constraints will get you pretty far and LLM is good at maintaining those consistently as it builds out more components on the fly.

A German tweeting about grids … oh well here goes nothing: Every component here follows a very simple and layered grid structure. First 8px base grid. I set that up as tightly as possible to allow for max flexibility later. 24px radius + Inset 24px Second padding (safe space) and content areas showing how things are grouped together. Then the structure with text hierarchy, image placeholders and controls, followed by the actual font sizes and weights used in each component. I’m only using two font families (Inter and Baskerville) and a max of three font weights and sizes per component (very important for visual hierarchy) Those are the basics but those constraints will get you pretty far and LLM is good at maintaining those consistently as it builds out more components on the fly.

Marvin Schwaibold

104,497 просмотров • 1 месяц назад

Exploring a more retargetable, velocity-preserving spring system where every interaction flows through the same motion architecture.

Exploring a more retargetable, velocity-preserving spring system where every interaction flows through the same motion architecture.

Marvin Schwaibold

41,914 просмотров • 1 месяц назад

Portfolio projects in flow state

Portfolio projects in flow state

Marvin Schwaibold

71,470 просмотров • 3 месяцев назад

Last day of school 2025 👋

Last day of school 2025 👋

Marvin Schwaibold

119,610 просмотров • 9 месяцев назад

The crocodile following you down the page 🐊✨

The crocodile following you down the page 🐊✨

Marvin Schwaibold

167,013 просмотров • 3 лет назад

Playing with view transitions in the web

Playing with view transitions in the web

Marvin Schwaibold

27,574 просмотров • 7 месяцев назад

Spencer Gabor is live! Had a lot of fun on this one—especially building the color picker 🎨 Art direction, design, and development in collaboration with the homies Jesper Vos

Spencer Gabor is live! Had a lot of fun on this one—especially building the color picker 🎨 Art direction, design, and development in collaboration with the homies Jesper Vos

Marvin Schwaibold

57,472 просмотров • 1 год назад

Больше нет контента для загрузки