Generic AI prototyping tools don't know your design system, and that creates "blurple slop"

2026-05-05 · Source: How I AI · Field: Technology & Digital — Artificial Intelligence & Machine Learning, Software Development & Engineering, Emerging Technologies & Innovation · Depth: Intermediate, quick

Summary

Stripe designers are encountering a phenomenon dubbed "the local slop" when using new design tools to create Stripe experiences. This results in designs that are visually close but deviate from the established design system, leading to inconsistent navigation, fonts, and overall user interface elements. To address this, Stripe has developed an internal prototyping tool called ProtoDash over the past 18 months. ProtoDash is a React-based tool that provides a pre-configured dashboard-like environment, including navigation, routing, and Chrome elements, allowing designers to quickly build consistent dashboard pages using existing design system components.

Key takeaway

For AI Product Managers overseeing UI/UX development, recognize that new generative design tools can introduce "local slop" if not integrated with your established design system. Consider developing internal tools, similar to Stripe's ProtoDash, that pre-bundle your design system's rules and components. This approach ensures consistency and accelerates prototyping, preventing immersion-breaking inconsistencies in your product's interface.

Key insights

Inconsistent design arises when new tools lack integration with established design systems.

Principles

• Design systems ensure UI consistency.
• Prototyping tools should integrate design rules.

Method

ProtoDash bundles React rules to set up navigation, Chrome, and routing, enabling rapid construction of consistent dashboard pages from existing design system blocks.

In practice

• Integrate design systems into prototyping tools.
• Automate UI component assembly.

Topics

• AI Prototyping Tools
• Design Systems
• ProtoDash
• UI Consistency
• React

Best for: AI Product Manager, Product Manager, Product Designer, AI Engineer, Software Engineer

Related on AIssential

• The internal AI tool that's transforming how Stripe designs products | Owen Williams — Internal tools precisely tailored to company culture and design systems significantly enhance prototyping efficiency and quality.
• The Anti-Slop UI Design Process for Vibe Coders — The core issue in UI "slop" is design inconsistency across screens, not individual screen quality.
• How I Design UI with Help of AI Tool, Without Ending up With Slop — AI UI generation produces "slop" due to inventing new, generic design systems; a system-first approach ensures consistency.
• 🎙️ This week on How I AI: The internal AI tool that’s transforming how Stripe designs products — Internal AI prototyping tools tailored to a company's design system enhance product development and collaboration.
• "Descript Isn't a Slop Machine": Laura Burkhauser on the AI Tools Creators Love and Hate — Descript balances integrating frontier AI models with in-house development to enhance creative workflows and combat "slop."
• The internal AI tool that’s transforming how Stripe designs products | Owen Williams — Internal tools precisely tailored to company culture and design systems significantly enhance prototyping efficiency and quality.

Open in AIssential →

Editorial summary, takeaway, and curation by AIssential. Original article published by How I AI.