Design System

This article proposes a visual vocabulary of brands, systems, and products. The vocabulary denotes a design system’s varying outputs, documentation, adoption, and organizational boundaries. To conclude, the vocabulary is illustrated via complete, scenario-based example.

What's the 8-Point grid system and why you should use it in your designs.

Everyday digital interfaces include a rich variety of images, visualizations, and other pictures. However, more than anything else, they are made of words. Oh so many words. As we equip teams to design and code usable, consistent, beautiful interfaces using systems, it’s essential that words depend on a strong foundation of typography.

Available on:

A design platform for teams who build products together.

Available on:

Storybook is an open source tool for developing UI components in isolation for React, Vue, and Angular. It makes building stunning UIs organized and efficient.

Available on:

Customize, curate, and publish designs faster than ever.

Available on:

Bulk transfer of components and styles between files and re-link used instances to new masters with the same names. Manage names with multiple /’s like a folders.

Available on:

Create a central hub for designers, engineers, product and marketing teams. Connect everyone working with your design system.

Available on:

Digital products that make your design workflow faster and easier.

Available on:

Free and premium mockups, UI/UX tools, scene creators for busy designers.

Available on:

Starter Kit to create Design System and Wireframes in Figma.

Available on:

This kit lets you design quickly with world-class standards out-of-the-box.

Available on:

Design any kind of an app for iOS faster with high-quality collection of templates.

Available on:

Cabana is a Design System for Figmathat helps you create amazing products easier, and faster.

Available on:

A Designer-First, utility Framework for Webflow and Figma

Available on:

The powerful UI kit for Figma based on the most popular React UI library - Ant Design.

Available on:

Stratum UI Design Kit is a Figma library with ready-made consistent UI elements, helpers, and widgets. Build your UI design on the best practices and well-crafted states.

Available on:

Design apps quickly and accurately by using Sketch, Photoshop, and XD templates, guides, and other resources.

Available on:

Cabana is the original Design System Starter Kit for Sketch that helps you create amazing products...really fast.

Available on:

A thorough collection of Bootstrap components designed for Figma. Built to the exact CSS specifications from Bootstrap 4's documentation.