Colorbox is a tool to produce color sets open-sourced by Lyft's design team 🎨
Create visual, animated, interactive content for any platform:
• Free-form design tool
• Embed in your website
• Responsive design
• Interactivity and animations
• Analytics, A/B-testing and scheduling
• Collaborate with your team
In February 2015, we launched v1 of Weld, then more of a prototyping tool. Today, it’s much more than that.
Design systems are more important than ever as companies are building more complex digital products. A design system helps with consistency, eliminates redundancy, and reduces technical debt.
Design Systems Repo is a frequently updated collection of Design System examples, articles, books, tools, and talks/presentations.
Adele is an open source repository of publically available design systems and pattern libraries. Adele lets you browse systems by technology, data structures and parts of systems quickly providing insights and inspiration to all those building design systems.
Webflow Interactions 2.0 is an intuitive way to build animations and interactions on the web — visually.
Eva Design System - customizable Design System available for Sketch, with Mobile and Web implementations. The main strength of the Design System is the ability to adapt and integrate your brand making it ideal for any type of product.
InVision is a prototyping, collaboration, and workflow platform for design-led teams.
To create The Design Genome Project, our Design Education team interviewed dozens of companies and design leaders to discover what sets the best digital product design teams apart.
Our first featured companies in the Genome include Netflix, Slack, Shopify, Capital One, and Pinterest—with many more to come.
A design system unites product teams around a common visual language. It reduces design debt, accelerates the design process, and builds bridges between teams working in concert to bring products to life. Learn how you can create your design system and help your team improve product quality while reducing design debt.
Create well-documented products in no time. UI Kit built from scratch for Figma based on the popular React UI library - Ant Design.
A free eBook that's simple in structure, human in explanation and packed with insight. Find out how to build a design system, the basic principles and why they matter.
Avocode 3 is the first cross-platform design hand-off tool for design collaboration, version control, and inspecting of Sketch, XD, Photoshop, and Figma design files, on Windows, Linux, or macOS. Independent on design tools, with unlimited storage, unlimited versions and unlimited projects.
Ether is built on a set of small core libraries. Their simplicity belies the fact that they are the outcome of years of building design systems across projects that range from marketing sites to enterprise applications. These libraries won’t try to do everything. They try to do the right thing.
Lucid makes it easy for designers to create and share design systems.
Describe principles, colors, typefaces, icons, images, writing guidelines, components, do's and dont's and code snippets.
It's easy to use and cost effective so even the smallest teams can have professional design systems so they can develop and ship faster.
InVision Studio Course is a 3 hour long video training, packed with tips for UI designers. In Studio you’ll be able to shape your designs from its early drafts to an animated prototype. Learn from the course and you’ll be ready to use this new tool in your projects.
Straple is a design system which focuses on going from Brand all the way to product development. We want to empower teams by minimising production and resource requirements to help focus on creating great things. Built using Sketch and ReactJS with more variations and platforms in the future.
Hey there PH.
I'm pleased to announce the arrival of Cabana (well version 2.0, as I forgot to post 1.0 to PH back in November. Ooops!).
Cabana is my popular Design System for Sketch that helps you work better, smarter, and faster than ever before.
zeroheight makes it easy for teams to create design system documentation collaboratively using online styleguides that are:
💎 synced with Sketch components
🖥 integrated with code examples
✏️ easy for anyone to contribute to
Details is a flexible design system based on Atomic Design methodology. Made to help you design consistent web interfaces for desktop and mobile. Available for Sketch and Figma.
Watch Brad Frost, Dan Mall, and Josh Clark share the latest thinking in design systems.