Guide screen examples
Guide screen design examples from SaaS apps. Browse examples from Paper, Scale, Fourthwall.
Explore the examples
Design editor where the user configures layout guides, shadows, and filters for a selected frame via the right inspector panel.
Dashboard featuring a getting started checklist, team size metrics, and a summary of recent projects.
Dashboard for a creator store showing revenue metrics, product creation prompts, growth app integrations, and an open popover for scheduling site visibility.
Onboarding page where the user completes a setup guide for their account, staff, and services, and can explore features in demo mode.
Settings page where the user views the specific voice communication guidelines and scenario handling rules for their AI agent.
Help center article directing users to the product roadmap and feedback board via a prominent link preview card.
Onboarding step where the user ranks their financial goals like student loans, credit cards, and a car to determine priority.
Settings page where the user configures the Discord integration by following a step-by-step guide to generate a webhook URL and pasting it into the provided fields.
Workflow editor canvas where the user configures a text paraphrasing automation step by selecting an AI model from a dropdown menu.
A detailed guide on how to build an AI Sales Development Representative in Slack using Replit, Apollo, and OpenAI, featuring code snippets and step-by-step instructions.
Inbox view showing an empty spam folder within a sandbox environment, prompting the user to explore interactive demos.
Settings modal where the user copies DKIM, SPF, and DMARC DNS records to authenticate their domain.
Explore the full SaaS screen library
Upgrade to unlock the full library.
Trusted by the best teams
