Setup Guide

A. Getting Started

1

Purchase Pro license

2

Sign up with the license key

Having trouble with login? Try

/

or

B. For Framer

3

Remix Design System

Based on the type of project, you can select between a light, dark or dynamic design system. The components and layouts will automatically adjust to the type of file you remix. If you wan't something simpler, check out the foundation kit. To customize styles, you can use a color palette generator like tailwind color generator. If you're after the pre-made templates, you can visit the templates page

Light Design System File

Components, sections and CMS collections in light mode only

Remix

Dark Design System File

Components, sections and CMS collections in dark mode only

Remix

Dynamic Design System File

Design System that changes based on system theme

Remix

Light Design System File

Components, sections and CMS collections in light mode only

Remix

Dark Design System File

Components, sections and CMS collections in dark mode only

Remix

Dynamic Design System File

Design System that changes based on system theme

Remix

Light Design System File

Components, sections and CMS collections in light mode only

Remix

Dark Design System File

Components, sections and CMS collections in dark mode only

Remix

Dynamic Design System File

Design System that changes based on system theme

Remix

4

Copy and Paste Components

You can copy and paste components from the dashboard to your file. The colours will automatically adjust to your brand's colour. We recommend using the design system for your layouts and thinking of the Library as power ups for your design system.

C. For Figma

6

Remix Design System File 2.0

Last Updated - 26/08/2024

The design system is one big file with everything you would ever require. Download the .fig file, go to your Figma dashboard, click "create new > import" from the top right and select the .fig file. If you wan't something simpler, check out the Figma foundation kit.

Download

For Framer

For Figma

Resources