Built with Tokens Studio ( Figma Tokens)

Super easy to customize whatever you want

All components have been fine-tuned to ensure swift and effortless customization, as well as sustainable maintenance in the long run

Color wheel

Colors

Change the color style by updating a master tokens with tokens studio, this allows for easy customization and consistency across all design elements
Spacing

Spacing

By default, our system uses 2px as the master token for spacing. However, if you need to customize your spacing values, you can easily do so within seconds using Figma Studio.
Font

Text Style

Do you want to change the font or spacing in our design system? It's super easy and efficient - no need to change each element individually. You can make updates with just a single edit.

Unlock the Power of Advanced Figma Features with Ease

Maximize your Figma experience by utilizing the latest and most advanced features available. Our design system ensures that each feature is applied where appropriate and designed to be user-friendly for all skill levels.

Auto layout

Auto Layout 4.0

With Auto Layout, all of our components can automatically adjust their size based on the content, allowing designs to seamlessly adapt to changes in layout.
Variant

Variants & Properties

Our Component Variants and Properties feature makes it effortless to maintain and utilize components. With just a few clicks, you can change a component's state, type, or even icon, allowing for seamless customization
Boilerplate

Pseudo slots {Boilerplate}

Slot components simplify design and save time by allowing quick customization within design system constraints, without detaching instances.

Key features our design system kit

theProjekts is built based on popular framework such as Bootstrap and Material Design and compartible with other frameworks too.

Eye

Fully Accessible

Our design system is fully accessible and meets the WCAG 2.1 accessibility guidelines
Paper

Well documentation

We provide documentation on how to use our design system kit, tokens studio, and how to generate colors using the color template.
Responsive page

Responsive Design

Built with Auto layout 4.0, constraints & layouts across all components
Dark mode

Dark Theme

Not like other design kits, we provide the fastest way to switch between light and dark, with a single click.
Token

Fully synced with tokens studio

We build every component and are fully connected with tokens studio
Google docs

Free tokens template {.json}

We provide our tokens template, that can be used for any project. We tested, and the developer approved.

Test it before you buy

Not sure if our design system kit fits your needs? We provide a lite version as a free demo file for you to test out.

the pro lite

Lite (Free Version)

Download Free
the pro pro

Preview Pro Version

Preview in Figma

Pricing

Enjoy unlimited access to our design system by paying once, with no restrictions on the number of projects you can use it for. 

Pro Version

$99

For solo designers, freelancers or developers. this package includes one-year updates

  • Single user
  • For Figma
  • Unlimited projects
  • Free tokens studio template {.json}
  • Auto layout 4.0
  • Variants & properties
  • Quick start guide
  • Dark & light tokens set
  • 40+ Components
  • 100+ component variants
  • Color template generator
  • Tokens guideline
  • Free template (Coming soon)
Get pro

Team

$199

For designer team, startups & agencies. this package include one year updates

  • Unlimited users
  • For Figma
  • Unlimited projects
  • Free tokens studio template {.json}
  • Auto layout 4.0
  • Variants & properties
  • Quick start guide
  • Dark & light tokens set
  • 40+ Components
  • 100+ component variants
  • Color template generator
  • Tokens guideline
  • Free template (Coming soon)
Get team