Design at Scale

Pegasus Design System

Save countless hours with production level pixel-perfect consistency.

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

2000+

Component States

290+

Universal Styles

84+

Example Templates

350+

Original Icons

Join a community of 62K+

Used by talent inside

companies

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
Features

Your personal workflow accelerator.

Organized Structure
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...

FAQs

How PDS can help Designers

Build performant patterns

If you are tired of wasting time starting from scratch on every project and want to speed up your workflow and that of your fellow designers.

Bring teams together

If development teams are frustrated trying to integrate designs that are lacking in pixel perfection or missing use cases, Pegasus can help.

Close accessibility gaps

If you want to promote inclusive design with full accessibility but are too busy balancing priorities to simply stop and shore up items like focus states and color contrast.

Design Omni-Channel

If you are experiencing Design Fragmentation across teams, projects or products and the results no longer look and feel like they come from the same company.

Reduce tech debt

With a single source of truth your codebase can avoid the duplication that leads to technical debt and higher maintenance costs.

Enhance consistency

If you have a large spread of stylistic preferences, training in UX or IC experience on the design teams you work with.

Features

Start creating today!

$99

Pro

Fly solo and crush design projects with ease.

  • For Figma
  • Auto Layout 4.0
  • Interactive Forms
  • 2000+ Pattern States
  • 350+ Custom Icons
  • 290+ Universal Styles
  • Light/Darkmode
  • Web/Native UI
  • 84 Example Templates
  • Video Training Guides

Get Pro

$299

Enterprise

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

  • For Figma
  • Auto Layout 4.0
  • Interactive Forms
  • 2000+ Pattern States
  • 350+ Custom Icons
  • 290+ Universal Styles
  • Light/Darkmode
  • Web/Native UI
  • 84 Example Templates
  • Video Training Guides
  • Unlimited Users

Get Enterprise
Ready to take flight?
Get Pro