Design System

Expand details

Author:

Nathan Curtis

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.

Expand details

Author:

Elliot Dahl

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

Expand details

Author:

Nathan Curtis

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.

Expand details

Available on:

A design platform for teams who build products together.

Expand details

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.

Expand details

Available on:

Customize, curate, and publish designs faster than ever.

Expand details

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.

Expand details

Available on:

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

Expand details

Available on:

Setproduct Bigger bundle contains dashboard layouts, web app templates, mobile kits (iOS & Android), landing pages, icons, and dozens of reusable Figma templates exceptionally built with components. We've got everything all-in-one to design faster, save time and human resources!

Expand details

Available on:

Digital products that make your design workflow faster and easier.

Expand details

Available on:

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

Expand details

Available on:

Starter Kit to create Design System and Wireframes in Figma.

Expand details

Available on:

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

Expand details

Available on:

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

Expand details

Available on:

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

Expand details

Available on:

A Designer-First, utility Framework for Webflow and Figma

Expand details

Available on:

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

Expand details

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.

Expand details

Available on:

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

Expand details

Available on:

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

Expand details

Available on:

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