TechnicalDiscussion

New Ways To Design With AI Tools

Y Combinator

E Bufar, head of design at Y Combinator, demonstrates how she uses AI tools like Claude and Aqua to design products end-to-end, eliminating traditional design workflows. She walks through three projects—Paxel, Sodazine, and Startup School—showcasing techniques like voice-to-code development, comprehensive markdown documentation, and rapid iteration through disposable design tools.

Summary

E Bufar discusses her modern design workflow, which has shifted almost exclusively to Conductor and paper design tools. Rather than typing, she uses Aqua (a Y Combinator company) to speak stream-of-consciousness feature requests directly to her computer via function key activation, which Claude then implements. This voice-first approach addresses her insight that she thinks faster than she types.

The first major project discussed is Paxel, an experiment designed to understand how people code with AI agents. Paxel analyzes coding transcripts from tools like Cursor and returns fun insights—inspired by Spotify Wrapped—about user patterns, favorite models, and coding habits. The landing page explicitly communicates this experimental purpose through interactive cards with micro-interactions and custom shader effects. E built a public modal tool allowing users to fine-tune dithering parameters in real-time. Notably, the site includes a dual-mode toggle: one version for human readers with rich visuals, and another markdown version optimized for AI agents to consume efficiently. The site also features a feature request form that functions as a prompt box; submissions automatically fire off agents that open pull requests for the YC team to review and merge.

For Sodazine (State-of-the-Art Zine), a project celebrating San Francisco in partnership with artists and writers, E deliberately avoided AI involvement in the physical zine's artwork and cover design to maintain intentionality and craft. However, she used AI extensively for the website. Her approach involved recording every project meeting and dumping full transcripts into a comprehensive soul.md file that served as the single source of truth, including a project manifesto. She then created a mood board from Pinterest images and asked Claude to generate 16 different website variations based on the mood board and detailed context. She built a custom glossary tool with bookmarking functionality to navigate these iterations—an example of "disposable design" that can be quickly created and discarded. The iterations revealed unexpected sophistication, such as Claude organically including the launch party date and time, designing a barcode for the physical zine, and creating an interactive San Francisco map. The final website features an anonymous map where users pin locations and share intimate memories of San Francisco moments, with a system to share submissions as downloadable PNG cards with cardinal coordinates.

For Startup School—a major Y Combinator event at Chase Center with 6,000+ attendees—E designed speaker announcement cards and event branding using paper.design shaders. She built automation tools in Claude: one to generate consistent speaker cards with pulled images and customizable text layouts, another to fine-tune shader parameters (graininess, edges, rotation, scale), and a third to create perfectly looping screen recordings by calculating exact start/stop pixels for seamless Instagram and Twitter loops. She also designed personalized digital tickets using the same shader system, rendering attendee names and cities. The consistent use of shader parameters across digital cards, social media, and large Chase Center screens demonstrates the power of AI-assisted design for brand consistency at scale.

Key Insights

  • E uses voice-to-code exclusively through Aqua rather than typing, speaking stream-of-consciousness feature requests directly to Claude, because she thinks faster than she can type.
  • Paxel was created as an experiment to understand how the world codes with AI agents, as coding transcripts currently remain a black box that most developers don't know exist on their machines.
  • E's design process for Sodazine involved recording every project meeting, dumping full transcripts into a comprehensive soul.md file as the single source of truth, and feeding this detailed context to Claude to generate website variations that would surprise her with original ideas.
  • Building custom tools for yourself to fine-tune design details (modals for shader parameters, glossary tools for iteration browsing, screen recording tools for perfect loops) is described as a 'muscle' that designers must train when they realize they can build anything for themselves instantly.
  • Websites will increasingly feature dual versions: one optimized for human consumption with rich visuals, and one as distilled markdown for AI agents to consume efficiently, with safety notes to prevent agents from executing code samples.

Topics

AI-assisted design workflow and voice-to-code developmentPaxel: analyzing coding transcripts with AI agentsComprehensive markdown documentation as source of truthDisposable design for rapid iteration and explorationDual-mode content (human vs. machine-readable interfaces)Paper shaders and visual design automationFeature request automation via AI agentsSodazine: San Francisco project with user-generated mappingStartup School branding and personalized ticket designBuilding custom tools for parameter fine-tuning

Transcript

[0:07] Today I am excited to welcome back E Bufar, the head of design at YC to talk about some of the really cool projects she's been working on and the design process behind them. So E, thanks so much for joining. >> Thank you so much for having me. >> So start off, tell us about some of the tools that you've been using because I know that they're very different from the tools that you were using over the last 6 to 12 months. Yeah. So, I find myself almost exclusively nowadays in conductor and paper design. That's all I need usually to make a full project end to end. And when it comes to finding [0:39] inspiration…

Full transcript available for MurmurCast members

Sign Up to Access

More from Y Combinator

Get AI summaries like this delivered to your inbox daily

Get AI summaries delivered to your inbox

MurmurCast summarizes your YouTube channels, podcasts, and newsletters into one daily email digest.