Orla Flores
66%
Share
Riddle UI Design System (v1.1)
Harper Davis
Layer
Rounded
Corner
Darkest
Color mode
100%
Pass through
Design
Prototype
Frame
X
-2648
Y
-0
W
-1616
H
1200
Clip content
0
0
Layers
Assets
All libraries
Local components
• Avatars 🔸NEW🔸
Avatar
+9
Avatar grou …
Avatar profile
Avatar action
Orla Flores
66%
Share
Riddle UI Design System (v1.1)
Harper Davis
Layer
Rounded
Corner
Darkest
Color mode
100%
Pass through
Design
Prototype
Frame
X
-2648
Y
-0
W
-1616
H
1200
Clip content
0
0
Layers
Assets
All libraries
Local components
• Avatars 🔸NEW🔸
Avatar
+9
Avatar grou …
Avatar profile
Avatar action
Orla Flores
66%
Share
Riddle UI Design System (v1.1)
Harper Davis
Layer
Rounded
Corner
Darkest
Color mode
100%
Pass through
Design
Prototype
Frame
X
-2648
Y
-0
W
-1616
H
1200
Clip content
0
0
Layers
Assets
All libraries
Local components
• Avatars 🔸NEW🔸
Avatar
+9
Avatar grou …
Avatar profile
Avatar action
Orla Flores
66%
Share
Riddle UI Design System (v1.1)
Harper Davis
Layer
Rounded
Corner
Darkest
Color mode
100%
Pass through
Design
Prototype
Frame
X
-2648
Y
-0
W
-1616
H
1200
Clip content
0
0
Layers
Assets
All libraries
Local components
• Avatars 🔸NEW🔸
Avatar
+9
Avatar grou …
Avatar profile
Avatar action
Orla Flores
66%
Share
Riddle UI Design System (v1.1)
Harper Davis
Layer
Rounded
Corner
Darkest
Color mode
100%
Pass through
Design
Prototype
Frame
X
-2648
Y
-0
W
-1616
H
1200
Clip content
0
0
Layers
Assets
All libraries
Local components
• Avatars 🔸NEW🔸
Avatar
+9
Avatar grou …
Avatar profile
Avatar action
Orla Flores
66%
Share
Riddle UI Design System (v1.1)
Harper Davis
Layer
Rounded
Corner
Darkest
Color mode
100%
Pass through
Design
Prototype
Frame
X
-2648
Y
-0
W
-1616
H
1200
Clip content
0
0
Layers
Assets
All libraries
Local components
• Avatars 🔸NEW🔸
Avatar
+9
Avatar grou …
Avatar profile
Avatar action
Used by designers and teams from
Used by designers and teams from
Used by designers and teams from
Used by designers and teams from
Used by designers and teams from
Used by designers and teams from
Lighting-fast design
Power Up Your Design Process
Experience lightning-fast design with our powerful features that streamline your workflow and help bring your vision to life.
12k+ components
Fuel your creativity with an expansive array of adaptable and dynamic design components.
+9
Badge
Badge
Badge
Orla Flores
Helpful text goes here.
Tooltip text
A tooltip is a short text box that is linked to an element of your website. It provides contextual help to show the user what that particular element of your site does.
Monthly billing
Yearly billing
Sign in with Google
Options
Light & Dark
Enhance user experience with Dark & Light mode.
Light
Darkest
Dashboard
Calendar
Content
Checklists
Guides
Hotspots
Documents
Light
Darkest
Dashboard
Calendar
Content
Checklists
Guides
Hotspots
Documents
Figma variables
Variables in Figma empower you to create dynamic.
Text-primary
Layer-on-background
Icon-secondary
Text-secondary
Badge-success-text
Text-error
variables
Typography
Transform your designs with stylish and expressive typography choices for captivating visual experiences.
Responsive
Create a seamless user experience with a responsive design that adapts to all devices.
Collaborate seamlessly and manage your projects with ease using
our all-in-one project management platform
Collaborate seamlessly and manage your projects with ease using our all-in-one project management platform
Empty state icons
Enhance user experience with delightful icons.
Lighting-fast design
Power Up Your Design Process
Experience lightning-fast design with our powerful features that streamline your workflow and help bring your vision to life.
12k+ components
Fuel your creativity with an expansive array of adaptable and dynamic design components.
+9
Badge
Badge
Badge
Orla Flores
Helpful text goes here.
Tooltip text
A tooltip is a short text box that is linked to an element of your website. It provides contextual help to show the user what that particular element of your site does.
Monthly billing
Yearly billing
Sign in with Google
Options
Light & Dark
Enhance user experience with Dark & Light mode.
Light
Darkest
Dashboard
Calendar
Content
Checklists
Guides
Hotspots
Documents
Light
Darkest
Dashboard
Calendar
Content
Checklists
Guides
Hotspots
Documents
Figma variables
Variables in Figma empower you to create dynamic.
Text-primary
Layer-on-background
Icon-secondary
Text-secondary
Badge-success-text
Text-error
variables
Typography
Transform your designs with stylish and expressive typography choices for captivating visual experiences.
Responsive
Create a seamless user experience with a responsive design that adapts to all devices.
Collaborate seamlessly and manage your projects with ease using
our all-in-one project management platform
Collaborate seamlessly and manage your projects with ease using our all-in-one project management platform
Empty state icons
Enhance user experience with delightful icons.
Lighting-fast design
Power Up Your Design Process
Experience lightning-fast design with our powerful features that streamline your workflow and help bring your vision to life.
12k+ components
Fuel your creativity with an expansive array of adaptable and dynamic design components.
+9
Badge
Badge
Badge
Orla Flores
Helpful text goes here.
Tooltip text
A tooltip is a short text box that is linked to an element of your website. It provides contextual help to show the user what that particular element of your site does.
Monthly billing
Yearly billing
Sign in with Google
Options
Light & Dark
Enhance user experience with Dark & Light mode.
Light
Darkest
Dashboard
Calendar
Content
Checklists
Guides
Hotspots
Documents
Light
Darkest
Dashboard
Calendar
Content
Checklists
Guides
Hotspots
Documents
Figma variables
Variables in Figma empower you to create dynamic.
Text-primary
Layer-on-background
Icon-secondary
Text-secondary
Badge-success-text
Text-error
variables
Typography
Transform your designs with stylish and expressive typography choices for captivating visual experiences.
Responsive
Create a seamless user experience with a responsive design that adapts to all devices.
Collaborate seamlessly and manage your projects with ease using
our all-in-one project management platform
Collaborate seamlessly and manage your projects with ease using our all-in-one project management platform
Empty state icons
Enhance user experience with delightful icons.
Lighting-fast design
Power Up Your Design Process
Experience lightning-fast design with our powerful features that streamline your workflow and help bring your vision to life.
12k+ components
Fuel your creativity with an expansive array of adaptable and dynamic design components.
+9
Badge
Badge
Badge
Orla Flores
Helpful text goes here.
Tooltip text
A tooltip is a short text box that is linked to an element of your website. It provides contextual help to show the user what that particular element of your site does.
Monthly billing
Yearly billing
Sign in with Google
Options
Light & Dark
Enhance user experience with Dark & Light mode.
Light
Darkest
Dashboard
Calendar
Content
Checklists
Guides
Hotspots
Documents
Light
Darkest
Dashboard
Calendar
Content
Checklists
Guides
Hotspots
Documents
Figma variables
Variables in Figma empower you to create dynamic.
Text-primary
Layer-on-background
Icon-secondary
Text-secondary
Badge-success-text
Text-error
variables
Typography
Transform your designs with stylish and expressive typography choices for captivating visual experiences.
Responsive
Create a seamless user experience with a responsive design that adapts to all devices.
Collaborate seamlessly and manage your projects with ease using
our all-in-one project management platform
Collaborate seamlessly and manage your projects with ease using our all-in-one project management platform
Empty state icons
Enhance user experience with delightful icons.
Lighting-fast design
Power Up Your Design Process
Experience lightning-fast design with our powerful features that streamline your workflow and help bring your vision to life.
12k+ components
Fuel your creativity with an expansive array of adaptable and dynamic design components.
+9
Badge
Badge
Badge
Orla Flores
Helpful text goes here.
Tooltip text
A tooltip is a short text box that is linked to an element of your website. It provides contextual help to show the user what that particular element of your site does.
Monthly billing
Yearly billing
Sign in with Google
Options
Light & Dark
Enhance user experience with Dark & Light mode.
Light
Darkest
Dashboard
Calendar
Content
Checklists
Guides
Hotspots
Documents
Light
Darkest
Dashboard
Calendar
Content
Checklists
Guides
Hotspots
Documents
Figma variables
Variables in Figma empower you to create dynamic.
Text-primary
Layer-on-background
Icon-secondary
Text-secondary
Badge-success-text
Text-error
variables
Typography
Transform your designs with stylish and expressive typography choices for captivating visual experiences.
Responsive
Create a seamless user experience with a responsive design that adapts to all devices.
Collaborate seamlessly and manage your projects with ease using
our all-in-one project management platform
Collaborate seamlessly and manage your projects with ease using our all-in-one project management platform
Empty state icons
Enhance user experience with delightful icons.
Lighting-fast design
Power Up Your Design Process
Experience lightning-fast design with our powerful features that streamline your workflow and help bring your vision to life.
12k+ components
Fuel your creativity with an expansive array of adaptable and dynamic design components.
+9
Badge
Badge
Badge
Orla Flores
Helpful text goes here.
Tooltip text
A tooltip is a short text box that is linked to an element of your website. It provides contextual help to show the user what that particular element of your site does.
Monthly billing
Yearly billing
Sign in with Google
Options
Light & Dark
Enhance user experience with Dark & Light mode.
Light
Darkest
Dashboard
Calendar
Content
Checklists
Guides
Hotspots
Documents
Light
Darkest
Dashboard
Calendar
Content
Checklists
Guides
Hotspots
Documents
Figma variables
Variables in Figma empower you to create dynamic.
Text-primary
Layer-on-background
Icon-secondary
Text-secondary
Badge-success-text
Text-error
variables
Typography
Transform your designs with stylish and expressive typography choices for captivating visual experiences.
Responsive
Create a seamless user experience with a responsive design that adapts to all devices.
Collaborate seamlessly and manage your projects with ease using
our all-in-one project management platform
Collaborate seamlessly and manage your projects with ease using our all-in-one project management platform
Empty state icons
Enhance user experience with delightful icons.
12k+
Total components
500+
Example sections
160+
Example pages
2,100+
Hand-drawn icons
12k+
Total components
500+
Example sections
160+
Example pages
2,100+
Hand-drawn icons
12k+
Total components
500+
Example sections
160+
Example pages
2,100+
Hand-drawn icons
12k+
Total components
500+
Example sections
160+
Example pages
2,100+
Hand-drawn icons
12k+
Total components
500+
Example sections
160+
Example pages
2,100+
Hand-drawn icons
12k+
Total components
500+
Example sections
160+
Example pages
2,100+
Hand-drawn icons
Unleash Creativity
Optimized for every type of skills
A Professional-Grade design system that adapts to every project's unique needs
Seamless Design Harmony
Unlock design harmony using Tokens that effortlessly synchronize colors, typography, and more.
Token
Role
Light
Dark
Darkest
Background-primary-base
Default page background
White
Gray-900
Gray-950
Layer-on-background-1
Default page background
White
Gray-800
Gray-800
Text-color
Text color for button-tertiary
Primary-700
Primary-400
Primary-400
Text-helper
Tertiary text, Help text
Gray-500
Gray-400
Gray-400
Button-primary
Primary button background color
Primary-500
Primary-500
Primary-600
Link-primary
Primary link, Ghost button
Primary-700
Primary-400
Primary-400
Junior designers
Learn the Building Blocks and Best Practices for Creating Stunning User Interfaces
Senior designers
Say Goodbye to Repetitive Work and Headaches with a Streamlined UI Design System
Product managers
Get Straight to Your Goals with a Comprehensive UI System
Freelance designers
Automate Operations, Attract More Clients, and Deliver High-Quality Results
Developers & engineers
Code Faster and Smarter with Ready-to-Use Figma Templates
Startups
Accelerate Your Design with a Library of Customizable Templates
Unleash Creativity
Optimized for every type of skills
A Professional-Grade design system that adapts to every project's unique needs
Seamless Design Harmony
Unlock design harmony using Tokens that effortlessly synchronize colors, typography, and more.
Token
Role
Light
Dark
Darkest
Background-primary-base
Default page background
White
Gray-900
Gray-950
Layer-on-background-1
Default page background
White
Gray-800
Gray-800
Text-color
Text color for button-tertiary
Primary-700
Primary-400
Primary-400
Text-helper
Tertiary text, Help text
Gray-500
Gray-400
Gray-400
Button-primary
Primary button background color
Primary-500
Primary-500
Primary-600
Link-primary
Primary link, Ghost button
Primary-700
Primary-400
Primary-400
Junior designers
Learn the Building Blocks and Best Practices for Creating Stunning User Interfaces
Senior designers
Say Goodbye to Repetitive Work and Headaches with a Streamlined UI Design System
Product managers
Get Straight to Your Goals with a Comprehensive UI System
Freelance designers
Automate Operations, Attract More Clients, and Deliver High-Quality Results
Developers & engineers
Code Faster and Smarter with Ready-to-Use Figma Templates
Startups
Accelerate Your Design with a Library of Customizable Templates
Unleash Creativity
Optimized for every type of skills
A Professional-Grade design system that adapts to every project's unique needs
Seamless Design Harmony
Unlock design harmony using Tokens that effortlessly synchronize colors, typography, and more.
Token
Role
Light
Dark
Darkest
Background-primary-base
Default page background
White
Gray-900
Gray-950
Layer-on-background-1
Default page background
White
Gray-800
Gray-800
Text-color
Text color for button-tertiary
Primary-700
Primary-400
Primary-400
Text-helper
Tertiary text, Help text
Gray-500
Gray-400
Gray-400
Button-primary
Primary button background color
Primary-500
Primary-500
Primary-600
Link-primary
Primary link, Ghost button
Primary-700
Primary-400
Primary-400
Junior designers
Learn the Building Blocks and Best Practices for Creating Stunning User Interfaces
Senior designers
Say Goodbye to Repetitive Work and Headaches with a Streamlined UI Design System
Product managers
Get Straight to Your Goals with a Comprehensive UI System
Freelance designers
Automate Operations, Attract More Clients, and Deliver High-Quality Results
Developers & engineers
Code Faster and Smarter with Ready-to-Use Figma Templates
Startups
Accelerate Your Design with a Library of Customizable Templates
Unleash Creativity
Optimized for every type of skills
A Professional-Grade design system that adapts to every project's unique needs
Seamless Design Harmony
Unlock design harmony using Tokens that effortlessly synchronize colors, typography, and more.
Token
Role
Light
Dark
Darkest
Background-primary-base
Default page background
White
Gray-900
Gray-950
Layer-on-background-1
Default page background
White
Gray-800
Gray-800
Text-color
Text color for button-tertiary
Primary-700
Primary-400
Primary-400
Text-helper
Tertiary text, Help text
Gray-500
Gray-400
Gray-400
Button-primary
Primary button background color
Primary-500
Primary-500
Primary-600
Link-primary
Primary link, Ghost button
Primary-700
Primary-400
Primary-400
Junior designers
Learn the Building Blocks and Best Practices for Creating Stunning User Interfaces
Senior designers
Say Goodbye to Repetitive Work and Headaches with a Streamlined UI Design System
Product managers
Get Straight to Your Goals with a Comprehensive UI System
Freelance designers
Automate Operations, Attract More Clients, and Deliver High-Quality Results
Developers & engineers
Code Faster and Smarter with Ready-to-Use Figma Templates
Startups
Accelerate Your Design with a Library of Customizable Templates
Unleash Creativity
Optimized for every type of skills
A Professional-Grade design system that adapts to every project's unique needs
Seamless Design Harmony
Unlock design harmony using Tokens that effortlessly synchronize colors, typography, and more.
Token
Role
Light
Dark
Darkest
Background-primary-base
Default page background
White
Gray-900
Gray-950
Layer-on-background-1
Default page background
White
Gray-800
Gray-800
Text-color
Text color for button-tertiary
Primary-700
Primary-400
Primary-400
Text-helper
Tertiary text, Help text
Gray-500
Gray-400
Gray-400
Button-primary
Primary button background color
Primary-500
Primary-500
Primary-600
Link-primary
Primary link, Ghost button
Primary-700
Primary-400
Primary-400
Junior designers
Learn the Building Blocks and Best Practices for Creating Stunning User Interfaces
Senior designers
Say Goodbye to Repetitive Work and Headaches with a Streamlined UI Design System
Product managers
Get Straight to Your Goals with a Comprehensive UI System
Freelance designers
Automate Operations, Attract More Clients, and Deliver High-Quality Results
Developers & engineers
Code Faster and Smarter with Ready-to-Use Figma Templates
Startups
Accelerate Your Design with a Library of Customizable Templates
Unleash Creativity
Optimized for every type of skills
A Professional-Grade design system that adapts to every project's unique needs
Seamless Design Harmony
Unlock design harmony using Tokens that effortlessly synchronize colors, typography, and more.
Token
Role
Light
Dark
Darkest
Background-primary-base
Default page background
White
Gray-900
Gray-950
Layer-on-background-1
Default page background
White
Gray-800
Gray-800
Text-color
Text color for button-tertiary
Primary-700
Primary-400
Primary-400
Text-helper
Tertiary text, Help text
Gray-500
Gray-400
Gray-400
Button-primary
Primary button background color
Primary-500
Primary-500
Primary-600
Link-primary
Primary link, Ghost button
Primary-700
Primary-400
Primary-400
Junior designers
Learn the Building Blocks and Best Practices for Creating Stunning User Interfaces
Senior designers
Say Goodbye to Repetitive Work and Headaches with a Streamlined UI Design System
Product managers
Get Straight to Your Goals with a Comprehensive UI System
Freelance designers
Automate Operations, Attract More Clients, and Deliver High-Quality Results
Developers & engineers
Code Faster and Smarter with Ready-to-Use Figma Templates
Startups
Accelerate Your Design with a Library of Customizable Templates
⟣ Pay once — lifetime updates⟢
Choose Your Plan
We provide a very simple and transparent pricing model
Starter
$
0
Get pro features and benefits with our single license user.
Single user license
Design foundations
Utility elements
Light mode
500+ consistent icons
Section examples
Unlimited projects
Professional
$
109
Get pro features and benefits with our Single license user.
Single user license
Design foundations
12k+ Utility elements
Light, Dark & Darkest
Includes empty state icon
Includes Riddle icon
Includes Templates (Figma files)
Includes Framer library (Soon)
Page & Section examples
Unlimited projects
Lifetime updates
Team
$
169
Unlock productivity with our Team plan for 6 users.
Up to 6 users license
Design foundations
12k+ Utility elements
Light, Dark & Darkest
Includes empty state icon
Includes Riddle icon
Includes Templates (Figma files)
Includes Framer library (Soon)
Page & Section examples
Unlimited projects
Lifetime updates
Unlimited plan
Large design teams. agencies, and enterprises with unlimited members.
Unlimited users license
Design foundations
Utility elements
Light, Dark & Darkest
Includes empty state icon
Includes Riddle icon
Includes Templates (Figma files)
Includes Framer library (Soon)
Page & Section examples
Unlimited projects
Lifetime updates
Unlimited
$399
USD
Pay once, own it forever
⟣ Pay once — lifetime updates⟢
Choose Your Plan
We provide a very simple and transparent pricing model
Starter
$
0
Get pro features and benefits with our single license user.
Single user license
Design foundations
Utility elements
Light mode
500+ consistent icons
Section examples
Unlimited projects
Professional
$
109
Get pro features and benefits with our Single license user.
Single user license
Design foundations
12k+ Utility elements
Light, Dark & Darkest
Includes empty state icon
Includes Riddle icon
Includes Templates (Figma files)
Includes Framer library (Soon)
Page & Section examples
Unlimited projects
Lifetime updates
Team
$
169
Unlock productivity with our Team plan for 6 users.
Up to 6 users license
Design foundations
12k+ Utility elements
Light, Dark & Darkest
Includes empty state icon
Includes Riddle icon
Includes Templates (Figma files)
Includes Framer library (Soon)
Page & Section examples
Unlimited projects
Lifetime updates
Unlimited plan
Large design teams. agencies, and enterprises with unlimited members.
Unlimited users license
Design foundations
Utility elements
Light, Dark & Darkest
Includes empty state icon
Includes Riddle icon
Includes Templates (Figma files)
Includes Framer library (Soon)
Page & Section examples
Unlimited projects
Lifetime updates
Unlimited
$399
USD
Pay once, own it forever
⟣ Pay once — lifetime updates⟢
Choose Your Plan
We provide a very simple and transparent pricing model
Starter
$
0
Get pro features and benefits with our single license user.
Single user license
Design foundations
Utility elements
Light mode
500+ consistent icons
Section examples
Unlimited projects
Professional
$
109
Get pro features and benefits with our Single license user.
Single user license
Design foundations
12k+ Utility elements
Light, Dark & Darkest
Includes empty state icon
Includes Riddle icon
Includes Templates (Figma files)
Includes Framer library (Soon)
Page & Section examples
Unlimited projects
Lifetime updates
Team
$
169
Unlock productivity with our Team plan for 6 users.
Up to 6 users license
Design foundations
12k+ Utility elements
Light, Dark & Darkest
Includes empty state icon
Includes Riddle icon
Includes Templates (Figma files)
Includes Framer library (Soon)
Page & Section examples
Unlimited projects
Lifetime updates
Unlimited plan
Large design teams. agencies, and enterprises with unlimited members.
Unlimited users license
Design foundations
Utility elements
Light, Dark & Darkest
Includes empty state icon
Includes Riddle icon
Includes Templates (Figma files)
Includes Framer library (Soon)
Page & Section examples
Unlimited projects
Lifetime updates
Unlimited
$399
USD
Pay once, own it forever
⟣ Pay once — lifetime updates⟢
Choose Your Plan
We provide a very simple and transparent pricing model
Starter
$
0
Get pro features and benefits with our single license user.
Single user license
Design foundations
Utility elements
Light mode
500+ consistent icons
Section examples
Unlimited projects
Professional
$
109
Get pro features and benefits with our Single license user.
Single user license
Design foundations
12k+ Utility elements
Light, Dark & Darkest
Includes empty state icon
Includes Riddle icon
Includes Templates (Figma files)
Includes Framer library (Soon)
Page & Section examples
Unlimited projects
Lifetime updates
Team
$
169
Unlock productivity with our Team plan for 6 users.
Up to 6 users license
Design foundations
12k+ Utility elements
Light, Dark & Darkest
Includes empty state icon
Includes Riddle icon
Includes Templates (Figma files)
Includes Framer library (Soon)
Page & Section examples
Unlimited projects
Lifetime updates
Unlimited plan
Large design teams. agencies, and enterprises with unlimited members.
Unlimited users license
Design foundations
Utility elements
Light, Dark & Darkest
Includes empty state icon
Includes Riddle icon
Includes Templates (Figma files)
Includes Framer library (Soon)
Page & Section examples
Unlimited projects
Lifetime updates
Unlimited
$399
USD
Pay once, own it forever
⟣ Pay once — lifetime updates⟢
Choose Your Plan
We provide a very simple and transparent pricing model
Starter
$
0
Get pro features and benefits with our single license user.
Single user license
Design foundations
Utility elements
Light mode
500+ consistent icons
Section examples
Unlimited projects
Professional
$
109
Get pro features and benefits with our Single license user.
Single user license
Design foundations
12k+ Utility elements
Light, Dark & Darkest
Includes empty state icon
Includes Riddle icon
Includes Templates (Figma files)
Includes Framer library (Soon)
Page & Section examples
Unlimited projects
Lifetime updates
Team
$
169
Unlock productivity with our Team plan for 6 users.
Up to 6 users license
Design foundations
12k+ Utility elements
Light, Dark & Darkest
Includes empty state icon
Includes Riddle icon
Includes Templates (Figma files)
Includes Framer library (Soon)
Page & Section examples
Unlimited projects
Lifetime updates
Unlimited plan
Large design teams. agencies, and enterprises with unlimited members.
Unlimited users license
Design foundations
Utility elements
Light, Dark & Darkest
Includes empty state icon
Includes Riddle icon
Includes Templates (Figma files)
Includes Framer library (Soon)
Page & Section examples
Unlimited projects
Lifetime updates
Unlimited
$399
USD
Pay once, own it forever
⟣ Pay once — lifetime updates⟢
Choose Your Plan
We provide a very simple and transparent pricing model
Starter
$
0
Get pro features and benefits with our single license user.
Single user license
Design foundations
Utility elements
Light mode
500+ consistent icons
Section examples
Unlimited projects
Professional
$
109
Get pro features and benefits with our Single license user.
Single user license
Design foundations
12k+ Utility elements
Light, Dark & Darkest
Includes empty state icon
Includes Riddle icon
Includes Templates (Figma files)
Includes Framer library (Soon)
Page & Section examples
Unlimited projects
Lifetime updates
Team
$
169
Unlock productivity with our Team plan for 6 users.
Up to 6 users license
Design foundations
12k+ Utility elements
Light, Dark & Darkest
Includes empty state icon
Includes Riddle icon
Includes Templates (Figma files)
Includes Framer library (Soon)
Page & Section examples
Unlimited projects
Lifetime updates
Unlimited plan
Large design teams. agencies, and enterprises with unlimited members.
Unlimited users license
Design foundations
Utility elements
Light, Dark & Darkest
Includes empty state icon
Includes Riddle icon
Includes Templates (Figma files)
Includes Framer library (Soon)
Page & Section examples
Unlimited projects
Lifetime updates
Unlimited
$399
USD
Pay once, own it forever
Frequently asked question
Explore common queries about Riddle UI Design System and its benefits
Why do I need a design system?
Is lifetime access to updates included with my purchase?
It's just the beginning
Do you provide an educational discount?
Do I need be a pro with Figma?
Is the Framer library included?
Frequently asked question
Explore common queries about Riddle UI Design System and its benefits
Why do I need a design system?
Is lifetime access to updates included with my purchase?
It's just the beginning
Do you provide an educational discount?
Do I need be a pro with Figma?
Is the Framer library included?
Frequently asked question
Explore common queries about Riddle UI Design System and its benefits
Why do I need a design system?
Is lifetime access to updates included with my purchase?
It's just the beginning
Do you provide an educational discount?
Do I need be a pro with Figma?
Is the Framer library included?
Frequently asked question
Explore common queries about Riddle UI Design System and its benefits
Why do I need a design system?
Is lifetime access to updates included with my purchase?
It's just the beginning
Do you provide an educational discount?
Do I need be a pro with Figma?
Is the Framer library included?
Frequently asked question
Explore common queries about Riddle UI Design System and its benefits
Why do I need a design system?
Is lifetime access to updates included with my purchase?
It's just the beginning
Do you provide an educational discount?
Do I need be a pro with Figma?
Is the Framer library included?
Frequently asked question
Explore common queries about Riddle UI Design System and its benefits
Why do I need a design system?
Is lifetime access to updates included with my purchase?
It's just the beginning
Do you provide an educational discount?
Do I need be a pro with Figma?
Is the Framer library included?