Get your free personalized podcast brief

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

To encourage designers and PMs to code with AI, Notion built a simplified, isolated codebase or "playground." This lowered the barrier to entry and fear of the terminal, allowing them to feel the AI and prototype effectively without breaking production code.

Related Insights

To enable AI-powered prototyping without production risks, large tech companies are creating separate, forked repositories for designers. This "designer playground" approach avoids the friction of production environments (e.g., linting, deploys) while providing a real-world starting point for stateful design exploration.

For designers at slower, regulated companies, the path to AI fluency is personal experimentation. Building a simple app for a personal use case, like a honeymoon planner, allows you to learn the tools and ask the AI to teach you concepts, bypassing corporate red tape.

The biggest barrier for designers entering the codebase isn't writing code, but the complex, brittle setup of a local development environment. Tools that abstract this away into one-click, sandboxed environments are critical for unlocking designer participation.

AI coding agents enable "vibe coding," where non-engineers like designers can build functional prototypes without deep technical expertise. This accelerates iteration by allowing designers to translate ideas directly into interactive surfaces for testing.

AI removes the dependency on engineering for prototyping. Designers can now build high-fidelity demos themselves, allowing them to visualize and sell an idea to stakeholders much faster without having to persuade a developer to join their journey first.

Tools like Claude Code are democratizing software development. Product managers without a coding background can use these AI assistants to work in the terminal, manage databases, and deploy apps. This accelerates prototyping and deepens technical understanding, improving collaboration with engineers.

Generative AI can function as an on-demand tutor, explaining concepts and guiding non-developers through building prototypes. This removes the traditionally high barrier to entry for coding, empowering roles like content designers to contribute directly to the codebase and learn interactively.

Designers have historically been limited by their reliance on engineers. AI-powered coding tools eliminate this bottleneck, enabling designers with strong taste to "vibe code" and build functional applications themselves. This creates a new, highly effective archetype of a design-led builder.

Building a true AI product starts by defining its core capabilities in an AI playground to understand what's possible. This exploration informs the AI architecture and user interface, a reverse process from traditional software where UI design often comes first.

To encourage designers intimidated by Git and terminals to use a code playground, Notion created custom slash commands like `/create` and `/deploy`. These commands abstract complex processes, provide instructions if prerequisites are missing, and guide users through workflows like branching and deploying, lowering the barrier to entry.