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
This design language is a quiet workspace for delegating tasks to an AI assistant. The screen should feel spacious, personal, and utilitarian: a mostly white canvas, a slim persistent tool rail, one centered work object,... Soft Agent Workspace is a light-firs...
Bud - Your AI Worker
Home
This design language is a quiet workspace for delegating tasks to an AI assistant. The screen should feel spacious, personal, and utilitarian: a mostly white canvas, a slim persistent tool rail, one centered work object,...
Open exampleLobeHub
Home
Soft Agent Workspace is a light-first system that makes advanced software feel collaborative and approachable. The first impression should be one giant italic statement over a near-white canvas, followed by a polished wh...
Brainsave
Home
Use darkness as the main material. Let lime function as a signal rather than a blanket fill. Make the interface feel like an experimental lab prototype, not a mainstream SaaS dashboard. Use framed prototype surfaces and...
These 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.
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.
BiblioKit is the Workflow OS for Figma. Automate DesignOps with an all-in-one suite for auditing systems, renaming variants, and fixing design drift.
The ultimate Figma UI kit crafted for professionals — top-tier components that streamline design for SaaS
The collaborative design platform. Wireframe, prototype, user test, design and inspect designs in one place, for free! Or create an integration with our API.
Learn techniques from the designers behind OpenAI, Anthropic, Figma, Notion & more
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.
Figma is the leading collaborative design platform for building meaningful products. Design, prototype, and build products faster—while gathering feedback all in one place.
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.
A collection of beautiful, free templates for Figma presentations.
Learn user interface design and download tools for Sketch and Figma; including: UI Kits, Wireframe Kits, HTML Templates and Themes.
Use our free tool to generate fake (mockup) UI for your landing page, website, blog or AppStore page. Download free PNG files. No attribution is required.
Discover a vast collection of free and premium mockups for Photoshop and Figma. Enhance your design projects with high-quality device and packaging 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 internal hubs help distribute this collection into the rest of the site so readers and crawlers can continue into adjacent patterns, structured analysis, and taxonomy pages.
Hub
Return to the collections hub to compare this page against adjacent editorial landing pages built around related product workflows.
Internal Hub
Move into structured design analysis when you want AI-readable system details behind the visual references on this page.
Internal Hub
Browse pages grouped by repeated design traits to keep expanding this workflow research into adjacent visual patterns.
Taxonomy
Switch into style-led browsing when you want to compare aesthetic direction instead of workflow intent.
Taxonomy
Browse category pages to compare how this workflow appears across different business or product types.
Taxonomy
Use section hubs to isolate hero, pricing, navigation, and other UI fragments related to this collection.
Taxonomy
Jump into marker collections if you want focused UI moments instead of whole-page references.
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.
