Figma UI Design System

Free Figma design system

Preline UI Figma – is the largest free design system for Figma that includes more than 5,000 components and variants.

The system was made using Tailwind CSS styles and Preline UI components and serves designers in both crafting and allows easier handover to devs.

There are 23 Tailwind CSS colour palettes, an endless amount of font sizes to choose from, and a 12-column grid system. Users can browse dozens of components and drag them into their design from the Assets or Resources panel.

The design system also includes 36 component categories, 400+ predefined examples, and is available with the Figma Tokens plugin. Preline UI is designed to make navigation easy and ensure that components are properly named and well-grouped.

Many thanks to Preline for this resource!