SEO Workflow Collection
Browse website references, structured design examples, and related tools that can help teams working with Claude Design, rapid prototyping, and AI-assisted visual exploration.
What To Look For
Study how strong references turn complex products into clear first screens through spacing, systemized typography, obvious actions, and fast visual comprehension.
What To Compare
Compare how these pages frame the main task, sequence supporting information, and keep the interface adaptable enough for iteration-heavy workflows.
When To Use This Page
Use this page when you want inspiration for prototypes, one-pagers, decks, or product directions that need to move from rough prompt to polished output quickly.
Design Analysis
--- version: alpha name: Quiet Agent Workspace description: A sparse white AI workspace with a persistent icon rail, centered task surfaces, soft nested panels, compact pill controls, and tiny warm or green signals. colo... --- version: alpha name: Soft Agent...
Bud - Your AI Worker
Home
--- version: alpha name: Quiet Agent Workspace description: A sparse white AI workspace with a persistent icon rail, centered task surfaces, soft nested panels, compact pill controls, and tiny warm or green signals. colo...
Open exampleLobeHub
Home
--- version: alpha name: Soft Agent Workspace description: Off-white workspace marketing system with giant italic grotesk display, soft aurora tinting, rounded white product windows, and black first-action buttons. color...
Speakeasy
Home
--- version: "alpha" name: "Monospace Control Plane Light" description: "A bright enterprise AI system that combines editorial serif messaging, monospace controls, and compliance-grade neutral framing." colors: primary:...
Open exampleThese references are ranked for how strongly they match the workflow and design signals behind claude design references.
These tools match the same intent cluster and are useful when you want software, generators, or workflow products around this theme.
Moqups is a streamlined and intuitive web app that helps you create and collaborate on wireframes, mockups, diagrams and prototypes — for any type of project.
Design your next app idea with Mockup—the ultimate way to sketch and prototype UI/UX on iPad, iPhone & Mac. Draw inside device frames, drag & drop ready-made elements, and build interactive flows—all in one app.
3D rotate images online to create beautiful 3D mockups for websites, landing pages, and portfolios. Figma plugin is available too!
AI-powered UI design tool. Free text to UI design generation. Create stunning wireframes and high-fidelity designs fast. Edit designs with text prompts.
Moio is a design tool that combines interface creation and interaction prototyping. Build functional product experiences, not just visual designs. Design and test real user flows, eliminate the gap between mockups and final products, and streamline your product development process.
Generate Wireframes and UI Designs with the most flexible AI model. Design & Ship faster your products with AI.
Thoughtfully crafted, realistic, premium mockups that do not look like everything else. Improve your branding presentations, social media presence and delight your clients. All mockups have real shadows, beautiful art directed scenes and urban scenarios and are over 5000px. Art Directed is a design resources company.
Wireframes and prototypes without the friction. Balsamiq is the fast wireframing and prototyping tool for product, tech, and business minds. Sketch, test, refine your UI—fast.
Collection of Best Free Design Resources
Easily design device mockups for presentations or to share on social platforms. Choose between phones, tablets, computers, watches, displays, and home devices.
BiblioKit is the Workflow OS for Figma. Automate DesignOps with an all-in-one suite for auditing systems, renaming variants, and fixing design drift.
Fockups offers realistic "f*cked up" mockups that display designs in imperfect, real-world conditions like weathered billboards, damaged posters, and graffiti-covered surfaces, created by designer Wytze Hoogslag for designers seeking authentic presentation alternatives to idealistic mockups.
Internal Hub
Browse structured design analysis and AI-readable design system examples.
Internal Hub
Explore broader tool collections if you want to keep branching from this workflow.
These pages cover adjacent intent clusters so you can move between broader AI design research and more specific workflow research.
References for Figma AI, Figma Make, MCP-assisted design workflows, and editable UI generation.
DESIGN.md-style references, token-driven systems, and tools for AI-readable design workflows.
A broader collection of AI product references, AI website examples, design-system examples, and workflow tools.
Use this page when you want inspiration for prototypes, one-pagers, decks, or product directions that need to move from rough prompt to polished output quickly.
Compare how these pages frame the main task, sequence supporting information, and keep the interface adaptable enough for iteration-heavy workflows.
Use the tools section to shortlist software that fits the same workflow you are researching in the references above, then compare product scope, output quality, and implementation fit.
