[$] Stratis UI kit for Figma

This is the one of the largest Figma UI kit and design system in the world. Thousands of carefully crafted components ready to be leveraged to build your products fast and accurately. Save time and build strong. Recreating the same components and visual elements at the start of your projects can be tiresome and uninspiring. Save all your time for the real design and innovation with UI thats equipped with all youll need for your product design.

May 20, 2023 - 19:10
Mar 10, 2024 - 01:12
 0  404
[$] Stratis UI kit for Figma

Build strong foundations

Save time and build strong

An icon illustration showing a clock
Recreating the same components and visual elements at the start of your projects can be tiresome and uninspiring. Save all your time for the real design and innovation with Stratis UI thats equipped with all youll need for your product design.
  • 4px spacing and grid System
  • Carefully built to ensure scalability and utility
  • Meticulously organised system library
  • 30-day money back refund policy

Global styles & branding

Universal applications

An icon illustration showing a file
With over 290+ smart global styles, Stratis UI can be applied to any product or market with a few changes. New product or existing, adapt the system to your needs by customising styles.
  • Robust and scalable typography system
  • High contrast color system aimed at enterprise SaaS
  • Custom avatar fills for user profiles
  • Simple and convenient shadows effects

Smart variants & properties

Carefully built for accuracy

An icon illustration showing a container box around some text
Component have been designed to be used with 100% Auto Layout 4.0. Variants are consolidated and economised with properties to minimise redundancy. One component, fewer variants, many options.
  • Components designed with 100% Auto layout 4.0
  • Component properties to reduce excessive system and variant size
  • Designed to industry standard patterns
  • WCAG 2.1 contrast ratios compliance for accesability

Demonstrations & application

Library of examples

An icon illustration showing  a figma component icon and some tension arrows
With hundreds of templates already to go, swap components and variants to quickly reorganise websites and apps in minutes. Deliver professional development ready designs without sacrificing all your time.
  • High-fidelity web and app templates
  • Settings, details, dashboard, modals and more
  • Real examples used in professional projects
  • Hover and click prototypes (coming soon)

Build better, faster

From start to finish in minutes

Dont get consumed by busy work that doesn't improve your craft. Scale your workload and maintain quality with Stratis UI.
  • 01. Craft products instantly
Leverage Figmas powerful Auto-layout and variants to put together UI in seconds.
  • 02.Custom styles and branding
Quickly update styles to add your own branding or change styles to preference.
  • 03.Use section library
Build your web pages fast by using hundreds of unique marketing website sections.

A universal tool

Enterprise to sole operators

Building systems that scale can always leave things to be desired in the aesthetics department. Stratis UI can ensure industry ready design no matter what scale, or scope .
  • IndividualsAn icon illustration showing a plus and cursor
Starting moving faster and accurately to gain more clients.
  • Small teamsAn icon illustration showing a file and some comment cursor elements
Work from the same file to ensure quality and design parity.
  • Large teamsAn icon illustration showing a series of comment containers
Ensure everyone knows the source of truth, build features and products at scale seamlessly.
  • AgenciesAn icon illustration showing a star
Set the standard for services you offer. Provide easy guides and consistent results for clients.
  • Design StudiosAn icon illustration showing a letter T
Cut 95% off the grunt work by starting from base components.
  • Enterprise TeamsAn icon illustration showing a lightning bolt
Reflect your brand and product vision across all siloed departments and teams.
  • EducatorsAn icon illustration showing some basic shapes
Trying to help someone up-skill? Show them the ropes with how to interact and build.
  • DevelopersAn icon illustration showing a developer code editor
Want to be hands on with design. Communicate ideas better by talking the design language.

What's Your Reaction?

like

dislike

love

funny

angry

sad

wow