What is the workflow collections hub for?
It groups high-intent landing pages around workflows like AI design, coding interfaces, Figma AI, and SaaS product references so readers can compare relevant site examples and tools together.
Phase Two Foundation
Workflow Collections
Browse curated workflow collections that combine website references and related tools around AI design, coding interfaces, prototyping, Figma workflows, and modern product-building patterns.
11 curated collections1,568 matching site references1,689 related tools
What This Hub Covers
Each collection narrows Refto into one practical workflow or intent cluster so readers can compare both interface references and software options in one place.
How To Use It
Start from the workflow you care about, then branch into DESIGN.md, Topics, Tool Tags, or taxonomy pages when you need more structural or visual specificity.
Why It Matters
This hub gives the site a stronger editorial layer than raw tags, which is the foundation for adding more intent-driven landing pages in phase two.
Explore Collections
These editorial collections connect product references, design signals, and tooling around a shared workflow or search intent.
Codex Design References
44 sites182 tools
Interface references and tools for AI-native developer products, agents, and code-first workspaces.
What To Study
Focus on how these interfaces handle hierarchy, dense workflows, quick actions, and trust when the product is doing technical work on the user's behalf.
Claude Design References
70 sites77 tools
Useful references for teams exploring Claude Design, AI prototyping, and brand-consistent visual workflows.
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.
Figma AI References
186 sites125 tools
References for Figma AI, Figma Make, MCP-assisted design workflows, and editable UI generation.
What To Compare
Look at how these examples define components, typography, spacing, and reusable constraints so AI-generated output stays editable and implementation-ready.
AI Design References
257 sites131 tools
A broader collection of AI product references, AI website examples, design-system examples, and workflow tools.
What To Study
Study how these products introduce AI value, establish trust, frame input and output clearly, and keep the interface understandable when the system is doing complex work.
AI Website Examples
189 sites150 tools
Website inspiration and related tools for AI startups, AI products, assistants, and agent-first launches.
What To Study
Study how strong AI websites frame the promise, reduce skepticism quickly, make the workflow legible, and balance product ambition with concrete proof.
SaaS Website Examples
170 sites224 tools
SaaS landing pages, product-marketing references, and tools for teams shaping B2B software sites.
What To Study
Study how effective SaaS sites sequence product narrative, explain use cases, surface proof, and move visitors from first-screen comprehension toward demo or signup intent.
AI Design System Examples
182 sites209 tools
DESIGN.md-style references, token-driven systems, and tools for AI-readable design workflows.
What To Study
Study how strong systems encode typography, spacing, color, components, motion, and naming so both humans and AI tools can reproduce the design language consistently.
Vibe Sites References
179 sites101 tools
Collections for vibe-coded sites, AI website builders, and fast-moving prompt-to-product workflows.
What To Watch
Study how these references create strong first impressions quickly, keep the build surface understandable, and preserve enough structure for iteration after the first prompt.
Portfolio Website Examples
90 sites359 tools
Portfolio references and related tools for studios, personal brands, creative developers, and case-study-led sites.
What To Study
Study how strong portfolio sites balance identity, work presentation, motion, and credibility without losing clarity or overwhelming the visitor.
Landing Page Examples
123 sites94 tools
Landing page references and related tools for launches, product storytelling, hero sections, and conversion-focused marketing.
What To Study
Study how effective landing pages sequence promise, proof, UI framing, and calls to action while keeping the page focused on one primary outcome.
Developer Tools UI References
78 sites37 tools
References and tools for docs-heavy products, developer tooling, terminals, dashboards, SDK workflows, and technical product surfaces.
What To Study
Study how strong developer interfaces balance dense utility, docs clarity, status visibility, and trust without collapsing into noisy enterprise chrome.
Continue Exploring
These adjacent hubs help distribute collection traffic into structured design analysis, topic clustering, software discovery, and classic taxonomy browsing.
Related Hub
DESIGN.md Examples
Study structured design-system references when you want implementation-oriented context behind these workflow collections.
Related Hub
Design Topics
Browse repeated visual signals and topic clusters when you want inspiration grouped by design traits instead of workflow intent.
Directory
Tool Tags
Jump into software capability pages when you want broader tool discovery around these same workflows.
Taxonomy
Categories
Compare how these workflows show up across SaaS, portfolio, AI, and other business archetypes.
Workflow Collections FAQ
How is this different from categories or styles?
Categories and styles are taxonomy layers. Workflow collections are editorial landing pages built around intent, use case, and product-building context.
Where should I go after one collection page?
Move into DESIGN.md for system detail, Topics for repeated design signals, Tool Tags for software breadth, or taxonomy pages for category and style comparisons.