Double Diamond
In April, Mitul Shah [https://x.com/typicalmitul] (Design Engineer at Vercel), Cameron Collis [https://cameroncollis.com] (designer at Cursor), and Jamey Gannon [https://x.com/jameygannon] walked a packed room through their actual workflows. Mitul demoed his design-to-production process, a four-stage loop he uses to ship features, illustrated through his redesign of Vercel Workflows and the Slackbot he built on top of it. Cameron took the room through a recent project at Cursor end to end, from low-fidelity Figma to the custom prototype playground his team uses to the production monorepo. Jamey, one of the most respected AI-forward creative directors working today, closed with a foundation anyone design-minded can use to get better outputs from generative tools. Mitul Shah [https://x.com/typicalmitul], Design Engineer at Vercel What we covered * Mitul’s design-to-production process: a four-stage loop he runs every project through (Context, Design, Code, Craft). * His redesign of Vercel Workflows: the new runs table, the new trace viewer, and what changed between the two-day MVP and today. * Yogurt, the Slackbot Mitul built on top of Workflows, and how using it taught him what to fix in Workflows. * Where agents stop being good enough, and where deep CSS and craft still beat anything an agent can produce. * Q&A: annotations on static images as agent instructions, trusting an agent you only see through Slack, and advice for designers moving into design engineering. Key takeaways * Coding has compressed to the point where it is no longer the bottleneck. The time has shifted to context-gathering and to the last ten percent of craft. * Dogfood the product you are designing. Mitul built Yogurt on top of Workflows, and using Yogurt taught him what to redesign in Workflows. The recursion is the feedback loop. * Craft is specific, not abstract. “How many of you guys have tried to build a sticky header on an HTML table? It’s really hard. And I promise you the agents can’t do it yet, and that’s where I’ll step in with my deep CSS knowledge.” * Annotations on a static image are a useful agent-feedback mechanism. A label on the canvas plus a skill file gets the agent to do the right thing most of the time. * “I am more bullish on design than I am on programming.” Mitul built Yogurt without looking at the code. Cameron Collis [https://cameroncollis.com], Designer at Cursor What we covered * A recent Cursor project: the self-driving PR concept inside the Review tab, where checks, BugBot, and human reviews feed into a queue an agent automatically fixes. * Why Cameron is still heavily using Figma for early-stage ideation, in black and white. * The custom prototype playground he built after the Graphite acquisition, and how the broader Cursor design team uses it. * The handoff between playground and the production monorepo, and what changes when the monorepo is heavy. * Q&A: when to ship straight to production, the translation problem from playground to monorepo, and how to stand up a similar tool inside another org. Key takeaways * Figma still wins for early-stage exploration. The agent has not yet replaced what Figma does at the start of a project. Cameron: “I find there to be a lot of friction and I cannot stay in a flow state. I’m constantly spending too much time and energy steering the agent and not enough time really thinking through an idea.” * The prototype playground is “about an 85 to 90 percent match” of the Cursor web app. Believability is what earns engagement from the team that a static Figma file cannot. * Vision work and design direction go to the playground. “I know what I want, get in, build it, get out” goes to the monorepo. * On building internal tools without org buy-in: “Just build it if you want to build it. Probably don’t get buy-in. But don’t make your other projects fall apart.” Jamey Gannon [https://x.com/jameygannon] What we covered * A foundation any design-minded person can use to get better outputs from generative AI. * Four principles, each illustrated through a single fintech art-direction brief (3D illustrations, social mockups, web). * Jamey’s Midjourney setup: profile codes, mood boards, style references, and why her actual prompts shrink to one or two words. * The diffusion-to-multimodal handoff in practice: Midjourney for aesthetic, then Nano Banana Pro and GPT Image 2 for instruction-following and paste-in-real-screenshots fidelity. * Q&A: how to build a reference library, where generative imagery belongs in product work. Key takeaways * Aim before you shoot. Starting conditions (model, references, prompt) do most of the work. When the conditions are right, prompts shrink to one or two words. * An image is worth a thousand words. The latent data inside a reference (style, mood, lighting, color) carries more information than any text prompt that tries to encode the same thing. * Nothing good arrives finished. When a one-shot fails, swap inputs, not words. The fix to a bad iPhone mockup was removing two style references, not adding more prompt instructions. * Use the right tool for the right job. “Midjourney isn’t Nano Banana isn’t Grok.” Diffusion for aesthetic, multimodal for instruction-following. * Reference libraries are the actual moat. “Just save stuff all the time. Cosmos and Pinterest, they both have Chrome plugins... Just save, save, save as much as possible.” Thanks for reading. Stay in the loop on new episodes and upcoming events by subscribing. This is a public episode. If you would like to discuss this with other subscribers or get access to bonus episodes, visit doublediamondnyc.substack.com [https://doublediamondnyc.substack.com?utm_medium=podcast&utm_campaign=CTA_1]
10 episoder
Kommentarer
0Vær den første til at kommentere
Tilmeld dig nu og bliv en del af Double Diamond-fællesskabet!