Recfactory Design System 1.0
Recfactory Design System 1.0
Powerful Figma Design System
to help you Create Faster
Powerful Figma Design System
to help you Create Faster
Powerful Figma Design System
to help you Create Faster
Powerful Figma Design System
to help you Create Faster
Rec 1.0 is a complete design system made to provide complete and enjoyable experience.
Rec 1.0 is a complete design system made to provide complete and enjoyable experience.
All Recfactory products use this design system and most of our clients use it as well.
Rec 1.0 is a complete design system made to provide complete and enjoyable experience.
All Recfactory products use this design system and most of our clients use it as well.
Rec 1.0 is a complete design system made to provide complete and enjoyable experience.
All Recfactory products use this design system and most of our clients use it as well.
Buy Design System
Buy Design System
180€
180€
180€
100€
100€
Preview on Figma
Preview on Figma
All our products use this design system and most of our clients use it as well.
Components
Components
35+
35+
Sections
Sections
100+
100+
Templates
Templates
50+
50+
Rec 1.0 Design System
Rec 1.0 Design System
Built to help you save time, money and effort
Built to help you save time, money and effort
Built to help you save time, money and effort
Built to help you save time, money and effort
RESPONSIVE COMPONENTS
RESPONSIVE COMPONENTS
RESPONSIVE COMPONENTS
All the components are based on Auto Layout, so they can be easily adjusted to any interface size.
All the components are based on Auto Layout, so they can be easily adjusted to any interface size.
All the components are based on Auto Layout, so they can be easily adjusted to any interface size.
PRE-MADE SECTIONS
PRE-MADE SECTIONS
PRE-MADE SECTIONS
All the components are based on Auto Layout, so they can be easily adjusted to any interface size.
All the components are based on Auto Layout, so they can be easily adjusted to any interface size.
All the components are based on Auto Layout, so they can be easily adjusted to any interface size.
Inputs and selectors
Inputs and selectors
Inputs and selectors
Indicators and status
Indicators and status
Indicators and status
Buttons
Buttons
Buttons
DARK AND LIGHT THEME
DARK AND LIGHT THEME
DARK AND LIGHT THEME
All the components are based on Auto Layout, so they can be easily adjusted to any interface size.
All the components are based on Auto Layout, so they can be easily adjusted to any interface size.
All the components are based on Auto Layout, so they can be easily adjusted to any interface size.
For everyone looking to upgrade their design
For everyone looking to upgrade their design
For everyone looking to upgrade their design
Everything you need .
Everything you need .
Everything you need .
When you need it.
When you need it.
When you need it.
Our UI Kit library offers a wide range of customizable components to suit various needs.
Our UI Kit library offers a wide range of customizable components to suit various needs.
Our UI Kit library offers a wide range of customizable components to suit various needs.
Preview it on Figma
Preview it on Figma
Preview it on Figma
Button
Button
Button
Button
Text Input
Text Input
Checkbox
Checkbox
Dropdown
Dropdown
Title
Title
Toggle Switch
Toggle Switch
Date Picker
Date Picker
July 2023
July 2023
Mon
Mon
Tue
Tue
Wed
Wed
Thu
Thu
Fri
Fri
Sat
Sat
Sun
Sun
26
26
3
3
10
10
17
17
24
24
31
31
27
27
4
4
11
11
18
18
25
25
1
1
28
28
5
5
12
12
19
19
26
26
2
2
29
29
6
6
13
13
20
20
27
27
3
3
30
30
7
7
14
14
21
21
28
28
4
4
1
1
8
8
15
15
22
22
29
29
5
5
2
2
9
9
16
16
23
23
30
30
6
6
Tabs
Tabs
Notifications
Notifications
Tags
Tags
#Label 1
#Label 1
#Label 1
#Label 1
#Label 1
#Label 1
#Label 1
#Label 1
#Label 1
#Label 1
#Label 1
#Label 1
#Label 1
#Label 1
#Label 1
#Label 1
#Label 1
#Label 1
#Label 1
#Label 1
#Label 1
#Label 1
#Label 1
#Label 1
Label 1
Label 1
Label 1
20%
20%
20%
Label 1
Label 1
Label 1
80%
80%
80%
75%
75%
75%
3 of 4 Progress
3 of 4 Progress
25%
25%
30 reviews
30 reviews
30 reviews
1
1
1
2
2
2
3
3
3
For Design Teams
For Design Teams
For Design Teams
Full toolchain to build
digital experiences.
Full toolchain to build
digital experiences.
Full toolchain to build
digital experiences.
A full set of highly customizable React components and styles ready to use inside applications.
A full set of highly customizable React components and styles ready to use inside applications.
A full set of highly customizable React components and styles ready to use inside applications.
Read More
Read More
Read More
RESPONSIVE COMPONENTS
All the components are based on Auto Layout, so they can be easily adjusted to any interface size.
PRE-MADE SECTIONS
All the components are based on Auto Layout, so they can be easily adjusted to any interface size.
Inputs and selectors
Indicators and status
Buttons
DARK AND LIGHT THEME
All the components are based on Auto Layout, so they can be easily adjusted to any interface size.
Who this system was built for
Who this system was built for
No-fluff design system that delivers value
No-fluff design system that delivers value
4.2
4.6
Students
All skill levels who are learning how to best utilize Figma and it’s newest features.
Designers
All skill levels who are learning how to best utilize Figma and it’s newest features.
Designers
All skill levels who are learning how to best utilize Figma and it’s newest features.
Designers
All skill levels who are learning how to best utilize Figma and it’s newest features.
“It teaches you the best way to work! It's packed with the best Figma features to help you design better and be more effective! I love the fact I can become a better designer just by using UI Prep!”
Marco Drako
UX/UI Designer at Freelancer
“It teaches you the best way to work! It's packed with the best Figma features to help you design better and be more effective! I love the fact I can become a better designer just by using UI Prep!”
Ezgi Elvan
Product Designer at ARGE 24
“It teaches you the best way to work! It's packed with the best Figma features to help you design better and be more effective! I love the fact I can become a better designer just by using UI Prep!”
David Rodrigues
Product Designer at TicketGo
4.2
4.2
“It teaches you the best way to work! It's packed with the best Figma features to help you design better and be more effective! I love the fact I can become a better designer just by using UI Prep!”
Marco Drako
UX/UI Designer at Freelancer
“It teaches you the best way to work! It's packed with the best Figma features to help you design better and be more effective! I love the fact I can become a better designer just by using UI Prep!”
Ezgi Elvan
Product Designer at ARGE 24
“It teaches you the best way to work! It's packed with the best Figma features to help you design better and be more effective! I love the fact I can become a better designer just by using UI Prep!”
David Rodrigues
Product Designer at TicketGo
“It teaches you the best way to work! It's packed with the best Figma features to help you design better and be more effective! I love the fact I can become a better designer just by using UI Prep!”
“It teaches you the best way to work! It's packed with the best Figma features to help you design better and be more effective! I love the fact I can become a better designer just by using UI Prep!”
Ezgi Elvan
Product Designer at ARGE 24
“It teaches you the best way to work! It's packed with the best Figma features to help you design better and be more effective! I love the fact I can become a better designer just by using UI Prep!”
“It teaches you the best way to work! It's packed with the best Figma features to help you design better and be more effective! I love the fact I can become a better designer just by using UI Prep!”
Marco Drako
UX/UI Designer at Freelancer
Students
All skill levels who are learning how to best utilize Figma and it’s newest features.
Designers
All skill levels who are learning how to best utilize Figma and it’s newest features.
Agencies
Agencies who need a jump start with each client to deliver value quickly without sacrificing quality.
Teams
All skill levels who are learning how to best utilize Figma and it’s newest features.
Design like never before. 10x faster
Design like never before.
10x faster
Have a fresh look on the design process and make your work much easier.
Have a fresh look on the design process and
streamline your work much easier.
Have a fresh look on the design process and make your work much easier.
Getting started is easy
Getting started is easy
Drag and drop the component or section you need from an extensive library, or start with a ready-made template.
Drag and drop the component or section you need from an extensive library, or start with a ready-made template.
Components
Components
Sections
Sections
Templates
Templates
Flexible customization
Flexible customization
Customize components or sections to fit your needs. Just a few clicks to resize, change type or switch to a dark theme.
Customize components or sections to fit your needs. Just a few clicks to resize, change type or switch to a dark theme.
Light and dark mode
Size
Typographary
And many more
Present like a Pro
Present like a Pro
All the components are interactive, making your prototype look dynamic and similar to the final product.
All the components are interactive, making your prototype look dynamic and similar to the final product.
Light and dark mode
Light and dark mode
Light and dark mode
Light and dark mode
Licenses
Get Our Universal Design System
Get Our Universal
Design System
Projects require different types of licenses. Choose your one..
Projects require different types of licenses. Choose your one..
Projects require different types of licenses. Choose your one..
1 year of updates
Best for startups, teams, business or enterprise organisations.
🔹Ideal for MVPs & landing pages.
2 Spots Remaining
€100
€100
Single user license
1 year of free updates
Personal or commercial projects
Support Speed:
24H
Pause or Cancel anytime
Lifetime Updates
As Long as the product exists you
will have support
🔹For growing products that need regular design work.
4 Spots Remaining
€800
€500
Single user license
1 year of free updates
Personal or commercial projects
Lifetime free updates
Custom Service
We will design your Design System from scratch
🔹Your full design partner with unlimited support.
Limited Availability
Contact Us
We'll create a custom Figma Design System for your project based on the Universal Design System and your instructions
Up to 20 users
Personal or commercial projects
1 year of updates
Best for startups, teams, business or enterprise organisations.
🔹Ideal for MVPs & landing pages.
2 Spots Remaining
€100
€100
Single user license
1 year of free updates
Personal or commercial projects
Support Speed:
24H
Pause or Cancel anytime
Lifetime Updates
As Long as the product exists you
will have support
🔹For growing products that need regular design work.
4 Spots Remaining
€800
€500
Pay once
Single user license
1 year of free updates
Personal or commercial projects
Lifetime free updates
Custom Service
We will design your Design System from scratch
🔹Your full design partner with unlimited support.
Limited Availability
Contact Us
We'll create a custom Figma Design System for your project based on the Universal Design System and your instructions
Up to 20 users
Personal or commercial projects
Examples
Unlimited Power
Create stunning landing pages, websites, and dashboards with ease using the
powerful Universal Design System tool in Figma.
Create stunning landing pages, websites, and dashboards with ease using the powerful Universal Design System tool in Figma.
RECFACTORY
DIGITAL LABS
Connect with us
Connect with us
Recfactory is a digital labs that creates designs leaving people imagining together.
Recfactory is a digital labs that creates designs leaving people imagining together.
Recfactory is a digital labs that creates designs leaving people imagining together.
Report an Issue
Ran into a bug in the code or design? We use Jira to track outstanding issues with rec1.0.
Ran into a bug in the code or design? We use Jira to track outstanding issues with rec1.0.
Ran into a bug in the code or design? We use Jira to track outstanding issues with rec1.0.
Suggest an Idea
Have an idea for a component, pattern, or documentation? Submit your idea to Jira.
Have an idea for a component, pattern, or documentation? Submit your idea to Jira.
Have an idea for a component, pattern, or documentation? Submit your idea to Jira.
Report an Issue
Ran into a bug in the code or design? We use Jira to track outstanding issues with rec1.0.
Ran into a bug in the code or design? We use Jira to track outstanding issues with rec1.0.
Ran into a bug in the code or design? We use Jira to track outstanding issues with rec1.0.
Rec 1.0 Roadmap
We update our roadmap every quarter with what we’re working on.
We update our roadmap every quarter with what we’re working on.
We update our roadmap every quarter with what we’re working on.
© 2026. Made with ❤ by Rui Albasini. All rights reserved