Design System

5 core design system tips.

Before you start Who can use this feature Supported on any team or plan Anyone with can edit permissions on a Figma file can use the Storybook plugin in Design Mode or Dev Mode Storyboo...

The most advanced low-fidelity wireframe is finally here. With components, sections and prebuilt pages - designing anything from website layouts to dashboards to mobile apps has never been easier. This advanced low-fidelity wireframe kit comes as a complement to the full-blown, Lookscout Design ...

Note: This article was originally published by Smashing Magazine on June 17, 2019 Figma has become a very popular tool for web and product…

Figma has advanced enough where it now supports some powerful concepts that can help with the flexibility and maintainability of a design system. In this article, Sasha explains why she finds the Systems Designer position so rewarding — and it’s not only because of how fast certain tools have developed to help her master challenges she faces in her work projects.

A collection of Design Systems for Figma from all over the globe.

Browse and download design systems files—all open and free on the Figma Community

A Figma publication for design systems creators, designers, developers, and managers

The Figma advocate team's recommendations for structuring your design system! Whether you're on the professional, organisation, or enterprise plan, you can get started with Figma libraries and build out your system. Within this file, there is advice on: The structural differences between each ...

I will walk you through how I structured variables in a comprehensive design system in under 4 days.

A free template on how to document your design system. This template helps you to document the system in a way so that it can act as a single source of truth for everyone (designers, developers, PMs, stakeholders)