Swiss Design Systems
Design Systems
Books & Articles
Videos & Talks
Tools
About
Contact
Buy me a Coffee
Submit
Design System Tools & Resources
Find and discover the tools, resources, and templates that work best for you – to build, maintain and organize design systems.
Supernova streamlines design and engineering data in one tool to speed up product development.
View
Supernova
Effortlessly create flow chart diagram inside Figma file with native FigJam connector (arrow).
View
Simpleflow
The Figma to Webflow plugin, lets you turn your static designs into clean, production-ready Webflow HTML and CSS.
View
Figma to Webflow
Publish your design system instantly, directly from Figma.
View
Figmayo
UI Color is a Tailwind CSS Color Generator. There is also a Figma Plugin to generate macthing colors.
View
Tailwind CSS Color Generator
Font Scale is a quick tool to generate a harmonious and consistent typography hierarchy.
View
Figma Plugin
Frontify is a cloud-based brand management platform for creators and collaborators of brands.
View
Software
Zeroheight allows teams to create a online styleguide to document their design system, without requiring developers to build and maintain it.
View
Software
Base Web is a foundation for initiating, evolving, and unifying web products. It offers a robust suite of components out of the box
View
Base Web React UI framework
A build system for creating cross-platform styles.
View
Base Web React UI framework
Import Material Design Icons, FontAwesome, Jam Icons, EmojiOne, Twitter Emoji and many other icons to Figma document as vector shapes.
View
Base Web React UI framework
Provide a single color value and Palx returns a full-spectrum color palette, well suited for UI design and data visualizations that work harmoniously with brand colors.
View
Color Palette Generator
Isolated React component development environment with a living style guide.
View
React Styleguidist
Online Tool to create matching color sets superfast.
View
Colorbox
Open-source illustrations for any idea you can imagine and create.
View
Undraw.co
Yellowstone is a figma plugin for themes to create, switch and manage as many themes as you need.
View
Figma Plugin
AI color palette generator based on the web tool tailwind.ink
View
Figma Plugin
The Google Design Sprint Kit is an open-source resource for design leaders, product owners, developers or anyone who is learning about or running Design Sprints.
View
Open-Source Resource
Meet Play. A better way to design mobile apps. A design & prototyping tool built on the power of iOS and Swift.
View Website
Design Tool
Learn about user interface design from scratch. Design impactful and component-based websites and apps in Figma. Master advanced features.
View Website
UX / UI Figma Course
