/
© 2026 RiffOn. All rights reserved.

Get your free personalized podcast brief

We scan new podcasts and send you the top 5 insights daily.

  1. Behind the Craft
  2. Full Tutorial: Design to Code in 45 Min with Cursor's Head of Design | Ryo Lu
Full Tutorial: Design to Code in 45 Min with Cursor's Head of Design | Ryo Lu

Full Tutorial: Design to Code in 45 Min with Cursor's Head of Design | Ryo Lu

Behind the Craft · Nov 16, 2025

Cursor's Head of Design on building with AI. Discover how 'Plan Mode' streamlines development and why designers should start coding today.

AI Will Empower Designers to Revolt Against Inefficient Engineer Handoffs

The traditional design-to-engineering handoff is plagued by tedious pixel-pushing. As AI coding tools empower designers to make visual code changes themselves, they will reject this inefficient back-and-forth, fundamentally changing team workflows.

Full Tutorial: Design to Code in 45 Min with Cursor's Head of Design | Ryo Lu thumbnail

Full Tutorial: Design to Code in 45 Min with Cursor's Head of Design | Ryo Lu

Behind the Craft·5 months ago

Design Principle: Build on Simple Cores That Layer into Emergent Complexity

Build products on simple, foundational concepts rather than complex, rigid features. These core building blocks can then be combined and layered, leading to emergent complexity that allows the product to scale and serve diverse needs without being overwhelming by default.

Full Tutorial: Design to Code in 45 Min with Cursor's Head of Design | Ryo Lu thumbnail

Full Tutorial: Design to Code in 45 Min with Cursor's Head of Design | Ryo Lu

Behind the Craft·5 months ago

Cursor's Head of Design Prototypes Directly in Code, Bypassing Figma

Instead of creating static mockups in Figma, Cursor's design team prototypes directly in their AI code editor. This allows them to interact with the "life states of the app" and get a more realistic feel for the product, bridging the gap between design and engineering.

Full Tutorial: Design to Code in 45 Min with Cursor's Head of Design | Ryo Lu thumbnail

Full Tutorial: Design to Code in 45 Min with Cursor's Head of Design | Ryo Lu

Behind the Craft·5 months ago

AI Startup Cursor Rejects Roadmaps for a "Fuzzy Direction" Amid Rapid Change

In the fast-evolving AI space, detailed long-term roadmaps are a "waste of time." Cursor opts for a flexible approach guided by a high-level "fuzzy direction" rather than a rigid plan. This allows them to adapt to new models and user behaviors quickly.

Full Tutorial: Design to Code in 45 Min with Cursor's Head of Design | Ryo Lu thumbnail

Full Tutorial: Design to Code in 45 Min with Cursor's Head of Design | Ryo Lu

Behind the Craft·5 months ago

AI-Native Startup Cursor Blurs PM, Design, and Engineering Roles for Speed

At the AI-native company Cursor, roles are "really muddy." Team members contribute based on individual strengths—like visual design or systems architecture—and use AI agents to bridge skill gaps and tie work together. This creates a more fluid and efficient team structure.

Full Tutorial: Design to Code in 45 Min with Cursor's Head of Design | Ryo Lu thumbnail

Full Tutorial: Design to Code in 45 Min with Cursor's Head of Design | Ryo Lu

Behind the Craft·5 months ago

Productize User Hacks: Cursor's 'Plan Mode' Was Born From Power User Workarounds

The idea for "Plan Mode" came from observing power users who manually prompted the AI to outline a plan before writing code. By formalizing this user-invented "hack" into a dedicated feature, Cursor made a complex but effective workflow accessible to everyone.

Full Tutorial: Design to Code in 45 Min with Cursor's Head of Design | Ryo Lu thumbnail

Full Tutorial: Design to Code in 45 Min with Cursor's Head of Design | Ryo Lu

Behind the Craft·5 months ago

Cursor's 'Plan Mode' Reframes AI Interaction as High-Level Architectural Review

Instead of prompting for code line-by-line, "Plan Mode" has the AI agent generate a detailed plan in a markdown file first. The user reviews and modifies this plan like a spec document, elevating their role from coder to architect before the AI executes the build.

Full Tutorial: Design to Code in 45 Min with Cursor's Head of Design | Ryo Lu thumbnail

Full Tutorial: Design to Code in 45 Min with Cursor's Head of Design | Ryo Lu

Behind the Craft·5 months ago

Use "UI Archeology" to Guide AI and Avoid Generating Generic "AI Slop"

To create a distinctive retro UI, Cursor's designer researched historical UI patterns and assets—a process he calls "UI archeology." This provided specific constraints to the AI, preventing it from generating generic designs and allowing him to "paint" a unique style over standard components.

Full Tutorial: Design to Code in 45 Min with Cursor's Head of Design | Ryo Lu thumbnail

Full Tutorial: Design to Code in 45 Min with Cursor's Head of Design | Ryo Lu

Behind the Craft·5 months ago