Setup Guide
A. Getting Started
2
Sign up with the license key
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
A 360° Design Solution
Constantly updating, constantly evolving tools for Framer and Figma. Build more, design faster, sell more, charge more
Links
Latest Framer Releases
Freebie Library
Latest Templates
CMS Upgrades
Figma Sections
Figma Screens
Figma Components
Blog
A 360° Design Solution
Constantly updating, constantly evolving tools for Framer and Figma. Build more, design faster, sell more, charge more
Links
Latest Framer Releases
Freebie Library
Latest Templates
CMS Upgrades
Figma Sections
Figma Screens
Figma Components
Blog