Figma product screens examples
Browse Figma screen design examples. Preview the interface screenshots and explore related UI patterns. The collaborative interface design tool
Explore the examples
Signup modal where the user can create an account using Google OAuth or by entering their email and password.
Onboarding step where the user enters their name and sees a live preview of how it will appear on their multiplayer cursor.
Onboarding step where the user selects their primary role from a grid of options to personalize their experience.
Onboarding step where the user selects their typical collaboration style between teammates, clients, or solo work.
Onboarding step where the user invites collaborators to their team via email addresses or a shareable link.
Onboarding step where the user invites collaborators to their team via email inputs or a shareable link, while a toast confirms a copied link.
Onboarding step where the user selects between a free Starter plan and a paid Professional plan before continuing.
Upgrade checkout step where the user assigns Figma design and FigJam editor seats to team members and reviews the order subtotal.
Checkout flow where the user specifies the number of additional Figma and FigJam editors to add to their plan via a modal before proceeding to payment.
Team workspace view displaying a grid of projects, featuring a success toast for a recent upgrade and a bottom-right prompt to take a product tour.
Team workspace where the user browses their design projects and files, featuring an active product tour tooltip in the sidebar.
List view where the user browses team projects, creates new projects, and is guided by an active product tour popover.
Explore the full SaaS screen library
Upgrade to unlock the full library.
Trusted by the best teams
