Cover illustration. The files are listed under What's inside.
Complete SaaS Design System
Figma design system for SaaS products: 1,050 components, tokens with light and dark modes, 320 icons and 240 app and marketing templates.
$369 more than your $30 budget
Added to your cart.View your cart
- Includes the Standard license: personal, commercial and client work for one person.
- Instant download after payment, plus an email with links that stay active for 30 days.
- Refund within 14 days if you haven't downloaded it yet, if it doesn't work in the supported software listed here, or if it's faulty and we can't fix it.
- Contents
- 1,050 components
- File formats
- .fig, .json, .svg, .pdf
- Supported software
- Figma
- Download size
- 612 MB
- Good for
- SaaS product teams
- Multi-product design systems
- Agencies with SaaS clients
About this product
Foundations come first in this system: color, typography, spacing, radius, elevation and grid tokens set up as Figma variables with light and dark modes. On top sit 1,050 components with 4,800 variants, from buttons and inputs to data tables, charts, command menus, modals and navigation shells, plus 320 interface icons. A further 240 templates cover dashboards, settings, billing, onboarding, authentication and marketing site pages at desktop, tablet and mobile breakpoints.
Setting up foundations, components and templates in-house is a long job, and a documented structure frees that time for the product itself, whether a team runs several SaaS apps or is starting its first system. Tokens are exported as JSON, and documentation pages for each component group, also supplied as a PDF, cover usage, states and accessibility.
What's inside
- 1,050 components with 4,800 variants on Figma variables
- Light and dark modes; design tokens exported as JSON
- 240 templates: dashboards, settings, billing, auth and marketing pages
- 320 interface icons as components and SVG files
- Desktop, tablet and mobile breakpoints for every template
- Documentation pages on usage, states and accessibility, also as a PDF
License
Standard license
Included with every purchase
For one person. Use the assets in unlimited personal and commercial projects, including work you deliver to clients.
Allowed
- Design a client's website with a UI kit and hand over the finished site
- Use the same asset in as many of your projects as you like
- Build your startup's pitch deck from a presentation template
- Use an icon set throughout your company's web app
Not allowed
- Reselling, sharing, sublicensing or giving away the files, as they are or modified, for example on stock sites or marketplaces
- Uploading the files anywhere others can download or extract them, such as a public repository
- Letting several people work from one Standard license (a Team license covers that)
- Selling print-on-demand merchandise or templates built on the assets without an Extended license