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
For Framer
For Figma
Framer UI Kit & Design System
Custom Video Player
New
CSV to Framer Table
New
Random Variant Override
New
Background Color Changer
New
CMS FAQ Container
New
Floating Stars Effect
New
CMS Image Extra Width
New
Custom Form Selectors
New
CMS Shuffler
New
Ticker field for CMS Details
New
Sorting + Search + Filter for CMS
New
Scroll SVG/Path Reveal
Emoji Heading
Noisy Blur
Press & Hold Button
Code Components & CMS Upgrades
Templates
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
For Framer
For Figma
Framer UI Kit & Design System
Custom Video Player
New
CSV to Framer Table
New
Random Variant Override
New
Background Color Changer
New
CMS FAQ Container
New
Floating Stars Effect
New
CMS Image Extra Width
New
Custom Form Selectors
New
CMS Shuffler
New
Ticker field for CMS Details
New
Sorting + Search + Filter for CMS
New
Scroll SVG/Path Reveal
Emoji Heading
Noisy Blur
Press & Hold Button
Code Components & CMS Upgrades
Templates
Links
Latest Framer Releases
Freebie Library
Latest Templates
CMS Upgrades
Figma Sections
Figma Screens
Figma Components
Blog