The New Full-Stack Designer

影片總結

Shopify’s Marvin Schwaibold uses AI to prototype faster, then reviews five websites for clarity, craft, and interaction.

Shopify product design studio lead Marvin Schwaibold says AI has shifted his process from Figma layouts to rapid prototypes with Codex and Claude Code, while designers remain responsible for judgment and quality. His team is redesigning Shopify’s admin and Sidekick, where merchants can act on suggestions through chat. He also demonstrates a grass shader built from real footage, using a topographic map to model terrain and DialKit to expose controls for tuning it. A carousel took 91 prompts to refine. In reviews of five submitted sites, Schwaibold and YC’s Aaron Epstein praise Mintlify’s clean hierarchy, while urging Nstack, Skill Sync, Instaplay, Nullify, and Instinct to clarify their main actions, reduce clutter, improve navigation and make interactions more responsive.

章節

1. 0:00How the design process has changed: Marvin uses Figma sketches and Codex or Claude Code demos
2. 3:25Inside Shopify's product design studio: redesigning admin, Sidekick, and the green app
3. 5:58Molly, the Brooklyn studio: two years with J Tal and a content system called Primal
4. 8:58The Collins bookshelf: an organic case-study animation built with engineer Jesper
5. 11:51Tobi's mandate: design Shopify's future for millions of users
6. 13:22How the studio works inside Shopify: Sidekick prototypes speed up buy-in
7. 15:30Sidekick suggestions and the new admin: merchant actions through chat
8. 18:27Designers who build: Figma sketches and AI turn ideas into prototypes
9. 21:58Rebuilding grass as a shader: Codex, ChatGPT, and a topographical map
10. 23:48The topographic map insight: DialKit controls 217,000 grass variations
11. 26:16DialKit: tuning a carousel built with 91 prompts
12. 28:45Advice for founders and designers: iterate with AI and copy interactions
13. 31:04Website review: Nstack’s desktop-like AI workspace needs clearer focus
14. 33:11One primary goal per page: make Nstack’s main action clear
15. 35:02Website review: SkillSync’s dense feature copy sits behind tabs
16. 36:41The problem with tabs: show SkillSync’s three core capabilities
17. 38:25AI illustrations that add nothing: learn from Gemini’s braid animation
18. 40:49Website review: Instaplay’s game examples obscure its creation flow
19. 43:04Show the games, not the thumbnails: let visitors play before signing up
20. 45:34Website review: Mintlify’s clean layout and credible customer logos
21. 47:25Social proof and restraint: Mintlify’s logos build trust, but repeated visuals distract
22. 49:32Homepage sections as chapters: order content by importance and reduce clutter
23. 51:42Website review 5: Knowlify’s five font sizes and unclear video pitch
24. 54:02Let people explore the work: tappable Knowlify demos and case-study sheets
25. 56:06Scroll jacking: Marvin argues for native scrolling and interruptible interfaces
26. 58:34Website review 6: Instinct Space’s lunar imagery and proposed 3D components
27. 1:00:42Launch, cruise, land: faster hover animations and clearer lunar landing visuals
28. 1:02:41The technology page: real lunar footage, homepage access, and a button-only carousel
29. 1:04:16Blossom Carousel: Prevolus’s free GitHub kit for swipeable, mobile-ready carousels

完整分析還有什麼

29 章 · 125 個重點 · 29 段段落總結 · 心智圖

其餘 122 個重點、段落總結與心智圖在完整分析裡。 分析這支影片,看完整內容 →

這支影片 1.1 小時,免費方案可分析 30 分鐘以內的影片;Plus 方案起可分析 2 小時以內。