Overlay helps designers and developers convert their Figma components into clean and reusable React, Vue.js and Html code. ๐ Flex attributes โญ๏ธ Props ๐ Minimum CSS lines ๐ Style variables ๐ SCSS, Styled Components ๐ No dependencies, just copy-paste.
Tetrisly Design System is a carefully crafted UI library with design tokens in its DNA, coming along with the free Figma plugin to manage them. A react library is coming soon to create the all-in-one product design ecosystem and to let design teams ship faster.
Use ready-made sections and low-level elements in the free Figma UI library to create amazing projects. Integrate them with Shuffle Editor to get Tailwind CSS components and speed up your developer's work.
Relieve UI drawing challenges with 9000+ professional and systematized UI components in the Stratum UI Design Kit. Supports variants, auto layouts, constraints, & other Figma magic. โ Use for UI design, prototyping, wireframing, and for building design system.
Design what you want with less effort at another level! An easy-to-use Design Tool with the most common 2000+ UI/UX components states that allows you to design quickly with world-class standards out-of-the-box. ๐ฅ
Nucleus is a free UI component library that provides you the building blocks you need to design your next mobile app. More than 300 components and 30+ screens to help you protototype or create mockup in Figma at speed.
Render React components to Figma ๐ก Inspired by react-sketchapp. ๐จ Designed to create manageable design systems. ๐ฆ Flexible layouts support with Yoga Layout
With Master plugin for Figma you can: - Create components only after you need them - Move main components to a different file - Turn anything into a new component or attach to an existing one.. and preserve all overrides โ all in a couple of clicks!
Browser Kit is a set of components for getting screenshots onto your Figma designs. Screenshots go from your browser directly into your design file, all thanks to the magic of Figma components. All major browsers supported; mobile and desktop included; Win/Mac
- Easily switch hundreds of layers to any theme - Compatible with any Design System - Not only for dark mode but for any theme - One-time setup - Works for the whole team
kickstartDS is the starter and next-gen UI development toolkit for Design Systems - a low-code framework and component library enabling digital teams to create consistent and brand compliant web frontends super efficiently. Even including Starters for CMS, easy like squeeeezing a lemon ๐
Forget pumpkin latte ๐๐ป this halloween get a full-blown SPOOKY Design System ๐ค ๐ Open Source ๐งฉ 17+ spooky Web Components ๐จ Halloween color system ๐ Bleeding-edge documentation ๐ Dark mode ONLY ๐ป Spooky assistant Make your own!
Generate all possible instances for your components on Figma, including every combination of variants and component properties, all in a tidy labelled table.
A step-by-step checklist of all things required to create a kick-ass design system. Checklists included: - Design system - Design & development - Product management