YC's Head of Design Shows You How To Design With AI

Ev Bufar's Design Workflow & Tooling

• Primary Tools: Ev Bufar now works almost exclusively in Conductor and Paper.design to execute full projects end-to-end.
• Voice-First Interaction: She does not type, preferring Aqua (a YC company) to dictate feature requirements via stream-of-consciousness commands to her computer.
• Inspiration Sources: Visual inspiration is gathered via Pinterest mood boards before implementation begins in Conductor.
• Disposable Design Pattern: A core trend is building custom, short-lived internal models to fine-tune specific visual parameters (e.g., dithering shaders) before discarding them, rather than relying on static generated assets.

Project: Paxyl (Coding Transcript Analyzer)

• Objective: An experiment designed to demystify how developers code with agents by analyzing local transcripts to reveal patterns, tricks, and insights currently hidden in a "black box."
• Data Source: The tool runs a terminal command to ingest transcripts from Codex, Claude, and Cursor.
• Key Features:
  • Generates "fun fact" cards similar to Spotify Wrapped, highlighting coding patterns (e.g., late-night commits, preferred models).
  • Includes a specific metric called "Biggest Crash Out," identifying moments of maximum user frustration with their coding agent.
  • Initially operates in "single-player mode" but will eventually compare user patterns against a dataset of other builders.
• UX & Visual Strategy:
  • The landing page features heavy text to explicitly state the project is an experiment, prioritizing transparency over minimalism.
  • Uses Paper.design dithering shaders for the background, with a public-facing interactive model allowing users to fine-tune the effect parameters.
• AI-Native Interface:
  • Includes a "Human vs. Machine" toggle, providing a distilled markdown version of the page content specifically optimized for AI agents to consume without visual overhead.
  • Implements an "Send to Agent" feature request form where prompts are automatically converted into Pull Requests by a backend agent; users can attach screen recordings or screenshots for context.
  • Collects user names to enable attribution and credit when feature requests are merged.

Project: Soda Zine (San Francisco Celebration)

• Concept: A state-of-the-art (Soda) physical zine and digital platform celebrating San Francisco artists, writers, and "magical small moments" in the city.
• Design Philosophy:
  • Anti-AI Art: Cover art and internal graphics were created intentionally in Adobe Illustrator without AI involvement to ensure high detail and human craftsmanship.
  • Source of Truth: All project meetings were recorded, and transcripts were consolidated into a single sold.md file to serve as an exhaustive context glossary for the AI agent.
• Iterative Process:
  • Ev used one-shotting to generate 16 distinct website iterations in Cloud based on Pinterest mood boards and sold.md context.
  • Built a personal, internal "iteration dashboard" to bookmark and compare these disposable designs rapidly.
• Final Output Features:
  • Interactive Map: A fully functional, anonymous map of San Francisco where users can drop pins with intimate stories or encounters associated with specific coordinates.
  • Social Sharing: Content can be shared as PNGs containing cardinal coordinates and street locations.
  • Substack Integration: Links to a Substack for reading full articles and submitting new "noticings."

Project: Startup School (Chase Center Event)

• Event Scope: A flagship YC event at the Chase Center expecting 6,000+ attendees, featuring speakers including Jensen Huang, Sam Altman, Alexander Wang, and Jeff Dean.
• Visual Identity:
  • Replaced standard orange with custom gradients of orange using Paper.design shaders.
  • Created a reusable, fine-tuned shader template to ensure visual consistency across all assets, from social media cards to massive venue screens.
• Agent-Driven Production:
  • Speaker Cards: Ev built a custom tool where Claude automatically generated speaker assets and layouts by pulling images directly from her inbox, allowing for rapid iteration of text layouts.
  • Seamless Loops: Developed a custom screen-recording tool to ensure 4-second video loops start and end at the exact pixel for smooth social media playback.
  • Personalized Tickets: Accepted users receive a ticket with their name, home city, and event details rendered over the consistent shader background.
• Forward-Looking Statement: Ev anticipates that coding agents will soon handle 100% of branding and design workflows, making high-fidelity, consistent visual assets significantly easier and faster to produce.

General Design Trends & Decisions

• Context Density: Success in AI-assisted design relies on feeding the agent maximum context (transcripts, mood boards, screenshots, manifestos) rather than generic prompts.
• Personalization: A shift toward allowing users to prompt or customize local software instances, potentially enabling individuals to modify or redesign their own software copies.
• Efficiency: The ability to "one-shot" complex visual iterations (like the Soda Zine layouts) has replaced traditional manual design processes, drastically accelerating the exploration phase.
• Transparency: New web design patterns include explicit instructions for AI agents (e.g., "Do not run commands") alongside human-readable content.