Relume Figma Kit (v3.0)

Welcome to the Relume Figma Kit. The Relume Figma Kit includes 1,000+ components with mobile variants and color variables. The Relume team updates it monthly, and it serves as the official starter project for any project using the Relume Site Builder. -> Sign up for Relume to receive monthly updates *This Figma Kit is not compatible with the Figma to Webflow plugin built by Webflow Labs Need help? -> Join our Slack Community What is Relume? Relume is the fastest way to design and build websites with AI. Generate sitemaps and wireframes for marketing websites in minutes, then effortlessly export them to Figma & Webflow. -> relume.io This Figma file was built in partnership with the team at Minimal Square -> minimal-square.com -- What's new in v3.0 Introducing a new variable system! We have rethought and created a brand new system allowing you to arrive at your final website design faster than ever before! Here’s whats new: Primitives Primitives are the core set of all colors used in your project. These color values act as the source of truth for your colors and are then referenced by the Color Schemes collection. Color Schemes Color Schemes is an entirely new way of thinking about and styling each section of your website. Every Color Scheme has a Background, Text, Foreground, Border and Accent color which is used to style all the elements in the section. Create and apply Colour Schemes to each section of your website to style the page in seconds! UI Styles Radius Radius variables are used to control the border radius of all cards and images. Set your values for Large, Medium and Small cards and see it update across your entire website. Stroke Stroke variables are used to control the stroke weight used across all components specifically for the Border Width of card borders, or Divider Width of divider lines. 🎨 Use our brand-new Style Guide Builder to instantly generate concepts and style your pages in seconds—then export to Figma or Webflow with all variable values pre-set for you!