Design at Scale

Pegasus Design System 2.0

The design system startups and agencies use to save thousands of hours so they can craft what matters.

A UX tested Design System library for digital makers for Figma. Current version 2.0

1540+

Custom Components

300+

Token Variables

440+

Orignal Icons

110+

Styles & Effects

Join a community of 80K+

Used by talent inside

companies

Save time to craft what matters.

Components
Components

Pixel Pefect

Stop wasting time on trivel work and boost your ability to craft on what matters most.

  • Buttons & Forms
  • Native & Web
  • App Components
  • Data Charts
Branding

Flexible theming

Eliminate design fragmentation and quickly transform components into unique branded products.

  • Typograpaphy
  • Color Palettes
  • Custom Icons
  • Styles & Effects
Companies
Example
Recipes

Endless Inspiration

To help imagine all that can be designed with Pegasus, we included popular layout examples made for desktop and mobile too.

  • Full Landing Pages
  • Custom Dashboards
  • Native app screens
  • Signup and Login
Accessibility

Built for everyone

Let everyone use the products you create. Pegasus uses WCAG 2.1 AA rated contrast and focus states.

  • AA Type/Color Contrast
  • Ample component padding
  • Tab States
  • Focus and Tab States
Accessibity
Example
Responsive

Mobile Included

To help imagine all that can be designed with Pegasus, we included popular layout examples made for desktop and mobile too.

  • Video Streaming
  • Ride Sharing
  • Audio Players
  • Settings
Be a 10X Designer

Your instant workflow accelerator.

Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature Design System Feature
together

Bringing design & development together.

Design teams, front-end engineers and project managers all need a source of truth. Pegasus Design System can be customized to meet any brand.

Testimonials

We serve makers...

Still have questions?

Frequently Asked Questions.

We want to educate and provide the highest quality resources and tools. If you have questions we want to hear them. These are the most popular questions we get asked.

What components, patterns, and guidelines does the design system offer? 1548 Custom Components +50% NEW, 113 Styles & Effects + 50% MORE, 456 Custom Icons X 9 Sizes - 115 More, 305 Variables - NEW, Theme Naming System - NEW, Light/Dark Modes - NEW, On Media Variants - NEW

Yes, Pegasus has a section called Foundations that can be easily updated to match your brands look and feel. It contains a Color System naming convention and Global, Theme and Variable - Design Tokens. Brand themes can be easily updated, Fonts can be customized and Blur Effects, Shadows can be tailered to perfectly reflect your desired look and feel. If you work with many clients or your organization is multi-product or multi-brand you will love how easy this system will accelerate your workflow.

Absolutely, having a design system can save costs. There's less time spent on design and development, fewer errors to fix, and an overall smoother process from ideation to launch.

Pegasus is hand crafted to be pixel-perfect and includes Documentation assets ready for engineering team hand-off. PDS includes: Anatomy, Properties, Layout and spacing. Development teams will love having detailed information on each and every element.

Design systems emphasize accessibility standards, ensuring products are usable by as many people as possible, including those with disabilities. By using these systems, startups and agencies can confidently provide designs that adhere to best practices for accessibility, which can also be a legal and ethical necessity.

With a design system, designers and developers can use pre-defined components and patterns rather than reinventing the wheel each time. This speeds up the design and development process considerably, enabling faster delivery.

Yes, Pegasus Design System is built to cover both Desktop and mobile devices. Components and patterns have multiple sizes and have been carfully considered to be responsive.

With Pegasus Design System you can leverage smart components and patterns with multiple: Types, Colors, Sizes, With starting and ending Add-Ons, with Swapable Icons, Themes for On-Media, Light and Dark modes.

Design systems provide a consistent set of guidelines, components, and patterns. This ensures that every part of a product or website looks and functions consistently. It reduces the chances of visual or functional discrepancies, which could otherwise negatively impact user experience.

As products or projects grow, having a design system in place makes it easier to scale. When new features or pages are required, designers and developers can leverage the existing system, ensuring that the brand and user experience remain consistent.

Design systems serve as a single source of truth. Both designers and developers can reference it, ensuring they're on the same page. This reduces the back-and-forth and potential misunderstandings between teams.

A well-defined design system sets high-quality standards for aesthetics, usability, and accessibility. This ensures that the end product meets or exceeds these standards, leading to a better user experience.

When updates or changes are needed, having a design system means changes can be made in one place and propagate throughout the product. This makes maintenance faster and less prone to errors.

For new team members, whether they're designers, developers, or even product managers, a design system provides an immediate introduction to the product's design philosophy, components, and guidelines. This makes onboarding more efficient.

Agencies, in particular, can use design systems as a foundation and customize them according to the specific brand and needs of each client. This gives them a head start while still providing tailored solutions.

With the foundational design decisions already made and integrated into the system, designers can focus on higher-level creative tasks and innovative solutions rather than getting bogged down in the basics.

With a set baseline provided by the design system, it becomes easier to conduct A/B tests and other user research to iteratively refine the user experience. Without a system in place, it's harder to pinpoint what's working and what isn't, as there might be too many variables at play. A design system narrows the focus, allowing for more precise adjustments based on user feedback.

Especially relevant for agencies working with multiple clients, a design system can ensure that each client's unique brand is consistently represented across all digital assets. Whether it's the color scheme, typography, or any other design element, having a system in place means that the client's brand identity remains intact and recognizable at every touchpoint.

Features

Start creating today!

$99

Pro

Fly solo and crush design projects with ease.

  • For Figma
  • Auto Layout 4.0
  • Interactive Forms
  • 1548 Custom Components
  • 443 Custom Icons in 9 sizes
  • 305 Variables NEW
  • 113 Styles & Effects
  • Light/Dark Modes NEW
  • Web/Native UI
  • 84 Example Templates
  • Video Training Guides

Buy Now

$299

Enterprise

All the power of Pegasus with no limits on team size.

  • For Figma
  • Auto Layout 4.0
  • Interactive Forms
  • 1548 Custom Components
  • 443 Custom Icons x9 Sizes
  • 305 Variables NEW
  • 113 Styles & Effects
  • Light/Dark Modes NEW
  • Web/Native UI
  • 84 Example Templates
  • Video Training Guides
  • Unlimited Users

Buy Now