Interview, Product Demonstration, Conference Presentation
How To Design In The Agent Era
Company Overview & Market Position
- Paper is an AI-native design tool built by a team of 12 designers and engineers, led by founder Stephen Haney (formerly of Modules/Redix).
- Core Philosophy: The tool is built on the belief that while agents accelerate speed, the "human element of design" remains the critical differentiator for standing out in a crowded market.
- Adoption: Paper is currently used internally by Y Combinator (YC) for all design work and has attracted significant traction among founders, with data showing it is now the third most-used design tool behind Figma and Sketch based on Ramp credit card data.
- Strategic Focus: The team prioritizes quality and precision over rapid feature accumulation, contrasting with competitors who prioritize speed and breadth.
Technical Architecture & AI Integration
- Rendering Engine: Paper uses HTML and CSS as its native rendering engine to maximize agent compatibility, as LLMs have extensive training data on these languages compared to proprietary binary formats.
- Agent Efficiency: Using HTML/CSS reduces token spend, increases execution speed, and minimizes hallucinations compared to tools requiring visual-to-code translation.
- Visual Interface for Agents: The product functions as a visual interface for agents, allowing direct manipulation (drag and drop) rather than relying solely on text prompting.
- Desktop & MCP Integration: A desktop application includes an MCP (Model Context Protocol) server, enabling agents to interact with local repositories and the design canvas directly.
- Live Code Handoff: Designers can copy frames as React components or Tailwind CSS, allowing the code to be the single source of truth that syncs between design and development.
- Chrome Extension: A browser extension allows users to grab live website sections and paste them directly into the Paper canvas as editable layers.
Product Features & Capabilities
- Paper Shaders: An open-source library of WebGL animations (e.g., loading states, halftone dots, neuro noise) that allows designers to create complex visual effects without coding.
- Image Generation: A multi-model library (including a "variety pack") that allows simultaneous generation across four different AI models to explore creative directions.
- Paper Mono: A custom typeface designed specifically as a versatile all-rounder for marketing and code, launching with a focus on legible numbers.
- Vectorization & Color Extraction: AI tools that can vectorize images and extract color palettes from generated graphics for rapid iteration.
- Prototyping Organization: Upcoming features will allow users to iframe external prototypes onto the canvas to centralize feedback and management.
Design Philosophy & Workflow
- Source of Truth: The tool treats the codebase as the source of truth to eliminate the maintenance burden of keeping design systems and code in sync.
- "Vibe-Coded" Aesthetic Critique: The team identifies common AI design flaws to avoid, including:
- Overuse of bold font weights (recommended limit: light/regular).
- Excessive font sizes (recommended limit: 3 distinct sizes).
- Overuse of cards, gradients, and unnecessary icons.
- Poor contrast and alignment issues (e.g., text overlapping cards).
- Iterative Curation: Workflows involve prompting agents to generate hundreds of variations overnight, after which humans curate, combine, and refine the best elements.
- Comment-Driven Workflows: Users can leave comments on design frames for agents to address, allowing for asynchronous feedback loops that run overnight.
Founder Insights & Lessons Learned
- Founder-Market Fit: Haney started the project as a solo founder because of his personal passion for building creative tooling, prioritizing intrinsic motivation over market trends initially.
- Previous Venture Lessons: Lessons from his first company (Modules/Redix) taught him to avoid trying to please both designers and developers equally, and to focus on solving a specific bottleneck rather than building a generic solution.
- Community Building: The team grew to 25,000 Twitter followers and launched the product without traditional marketing by being values-aligned, authentic, and engaging directly with the design community on social media.
- Internal AI Usage: While Paper's core engine is human-built for precision, internal teams use AI for marketing assets, code generation, and PR reviews, though all code is manually audited by humans.
- Human-in-the-Loop: Agents are viewed as accelerators for tactical execution (resizing, translation, variations) but not as replacements for high-level decision-making, stakeholder management, or defining the "problem space."
Future Roadmap & Forward-Looking Statements
- Table Stakes Features: Immediate development focus is on adding components and comments, which are currently identified as the primary bottlenecks for user adoption.
- Agent Ecosystem: The goal is to position Paper as the visual coordination layer in the "new agent stack," pairing with tools like Cursor, Conductor, and GitHub.
- Trend Evolution: Haney anticipates that while AI will improve at tactical design rules, the fundamental human need to push visual trends and make high-stakes decisions will remain essential for at least the next decade.
- Scalability: The team acknowledges the challenge of scaling server capacity to handle the volume of iterations generated by autonomous agents.