SuyashUI 1.0

Now with Typography Variables

Figma Design System

at it’s finest.

Supercharge your design workflow with top Figma & Design System techniques. Powerful components with tokens to complete every project 10x faster.
It's far more than just a UI Kit.

Coming soon

Coming soon

Designed for all designers, from beginners to experts.

Designed for all designers, from beginners to experts.

Designed for all designers, from beginners to experts.

Whether you work alone or in a team, Prime equips you with advanced Figma techniques and a proven design system, enabling you to design faster and more efficiently. We prioritize quality and technique over sheer component count.

Whether you work alone or in a team, Prime equips you with advanced Figma techniques and a proven design system, enabling you to design faster and more efficiently. We prioritize quality and technique over sheer component count.

No fluff

No fluff

No fluff

Here is what you get

Here is what you get

Here is what you get

Comprehensive UI Library

3,100+ customizable, pixel-perfect components with tokens, built with best practices.

Intelligent Tokens & Styles

Utilizes real design system token structure with Figma variables.

Simple Customization

Modify key colors and see changes reflected throughout the entire system.

Advanced Figma Techniques

Learn and apply expert tips and tricks for the latest Figma features - all included in the kit.

Optimized Workflow

Provides essential components, nothing more, for efficient and rapid design.

Proven Design System Principles

Years working with real design systems means handy patterns, not considered in other kits.

Best practices

Best practices

Best practices

World-class standards inside

World-class standards inside

World-class standards inside

Logical Token Structure

Relevant styling anchors design systems, not generic kits.

Logical Token Structure

Relevant styling anchors design systems, not generic kits.

Logical Token Structure

Relevant styling anchors design systems, not generic kits.

Efficient Component Discovery

Swift component discovery, swap instances, preview the core UI.

Efficient Component Discovery

Swift component discovery, swap instances, preview the core UI.

Efficient Component Discovery

Swift component discovery, swap instances, preview the core UI.

Superior Component Quality

Naming, structure, overrides ensure rapid design iteration.

Superior Component Quality

Naming, structure, overrides ensure rapid design iteration.

Superior Component Quality

Naming, structure, overrides ensure rapid design iteration.

Precise 4-Point Grid

Layout, spacing, radius via variables, and theme modes.

Precise 4-Point Grid

Layout, spacing, radius via variables, and theme modes.

Precise 4-Point Grid

Layout, spacing, radius via variables, and theme modes.

Genuine Accessibility Focus

APCA color metrics, synced palettes, beyond WCAG compliance.

Genuine Accessibility Focus

APCA color metrics, synced palettes, beyond WCAG compliance.

Genuine Accessibility Focus

APCA color metrics, synced palettes, beyond WCAG compliance.

Adaptable Type Scale

Crafted typography, desktop, tab, mobile, and wearable devices.

Adaptable Type Scale

Crafted typography, desktop, tab, mobile, and wearable devices.

Adaptable Type Scale

Crafted typography, desktop, tab, mobile, and wearable devices.

Flexible Variable Sets

Color, spacing, radius collections, ready for custom expansion.

Flexible Variable Sets

Color, spacing, radius collections, ready for custom expansion.

Flexible Variable Sets

Color, spacing, radius collections, ready for custom expansion.

Premium Visual Effects

Unified, consistent glassmorphic blurs, shadows, and effect systems.

Premium Visual Effects

Unified, consistent glassmorphic blurs, shadows, and effect systems.

Premium Visual Effects

Unified, consistent glassmorphic blurs, shadows, and effect systems.

Advanced Auto Layout

Full Figma feature use, wrap options for seamless component creation.

Advanced Auto Layout

Full Figma feature use, wrap options for seamless component creation.

Advanced Auto Layout

Full Figma feature use, wrap options for seamless component creation.

Intuitive Variant Setup

Properties organized for easy component configuration and use.

Intuitive Variant Setup

Properties organized for easy component configuration and use.

Intuitive Variant Setup

Properties organized for easy component configuration and use.

Premium Icon Integration

Phosphor Icons as base elements, outline and fill styles included.

Premium Icon Integration

Phosphor Icons as base elements, outline and fill styles included.

Premium Icon Integration

Phosphor Icons as base elements, outline and fill styles included.

Automated Mode Switch

Dark and light modes, variable-driven, seamless and reliable.

Automated Mode Switch

Dark and light modes, variable-driven, seamless and reliable.

Automated Mode Switch

Dark and light modes, variable-driven, seamless and reliable.

The way this kit is structured is excellent. I can quickly find and modify components. Prime has significantly improved my workflow speed.

Suyash Kumar

Founder SuyashUI,
Design Influencer

The way this kit is structured is excellent. I can quickly find and modify components. Prime has significantly improved my workflow speed.

Suyash Kumar

Founder SuyashUI,
Design Influencer

The way this kit is structured is excellent. I can quickly find and modify components. Prime has significantly improved my workflow speed.

Suyash Kumar

Founder SuyashUI,
Design Influencer

No fluff

No fluff

No fluff

Here is what you get

Here is what you get

Here is what you get

Rapid Customization

Rapid Customization

Rapid Customization

Launch projects with 80% of UI completed

Launch projects with 80% of UI completed

Launch projects with 80% of UI completed

Adjust key color tokens for automatic dark and light mode updates.

Dark & Light Mode

Dark & Light Mode

Dark & Light Mode

For all components.

For all components.

For all components.

Accessibility focused, and easily extendable for further color theme development.

Have a question?

Have a question?

Have a question?

FAQ

FAQ

FAQ

How do I import SuyashUI into Figma?

Do I need a paid Figma plan to use Suyash UI?

Do I need to be a Figma pro?

How do I get updates for Suyash UI?

How do I import SuyashUI into Figma?

Do I need a paid Figma plan to use Suyash UI?

Do I need to be a Figma pro?

How do I get updates for Suyash UI?

How do I import SuyashUI into Figma?

Do I need a paid Figma plan to use Suyash UI?

Do I need to be a Figma pro?

How do I get updates for Suyash UI?