
Components for all your needs!
All the components in the Rocket UI Kit are coherent and consistrend among them and with OutSystems UI style. These are some of the components in our Rocket UI Kit.
30+ CUSTOM COMPONENTS

Increased Layout Variations
Rocket UI Kit offers different kinds of structural layouts that can be combined with each other and like this obtain even more possibilities.
6+ CUSTOM LAYOUT VARIATIONS

Custom Screen templates
When you create a new page in OutSystems Studio you will be able to choose one of these screen templates.
15+ CUSTOM SCREEN TEMPLATES
Figma File Optimizer
The faastest way to create your custom outsystems design
The styles of the brand color in Figma file is easily changeable to your company visual indentity!


Figma Benefits
Why the Rocket UI Kit was made with Figma

Design speaks development
The way that Figma define the styles allow us to replicate what exists in OutSystems UI. This way the implementation and design can be coherent.

Design responsively with Auto Layout
Auto Layout components can stretch for easier responsive design. Ayto Layout's padding, direction and spacing settings translate directly into code.

A system everyone can contribute to
Edit together in real-time and co-design.
Follow the presenter's every move and don't get lost.
See what was changed and go back in time.

Where design system folks find peace of mind
Figma scales with your ever-evolving design system and growing team.

Where your teams share the same language
Focus creation in the right areas when your team has a shared and always up-to-date design system.

Create prototypes that feel like the real experience
Turn your static design files into an interactive experience - no coding required.
Rocket UI Kit in OutSystems
Not only designers but also developers have simplified workflow
Already Implemented in Outsystems
Besides being already designed the UI Kit is also implemented! That means that the Front-End Developers can easily apply the design following the OutSystems appearance

