Practical UI screenshot

Practical UI

Design Systems

Visit website
Freemium

About

UI design is hard just got easier

E-book and practical design system resources for Figma.

Features & use cases

  • Don't just move stuff around until it looks pretty
  • Pages from the book
  • A few guidelines from the book
  • Break up content using descriptive headings and bullets
  • Ensure ideal line length
  • Not just a book

Section titles taken from practical-ui.com, checked 2026-08-01.

Similar tools

Rebrand GalleryDesign Systems RepoMaterial DesignApple HIGPolarisLaws of UX

Alternatives & related tools

Rebrand Gallery preview

Rebrand Gallery

The best new design systems, identity intros and rebrand videos.

Design Systems Repo preview

Design Systems Repo

A huge collection of design systems and pattern libraries.

Material Design preview

Material Design

Google's open-source design system for building products.

Apple HIG preview

Apple HIG

Apple's Human Interface Guidelines for great app design.

Polaris preview

Polaris

Shopify's design system for crafting commerce experiences.

Laws of UX preview

Laws of UX

The key maxims designers consider when building interfaces.

Refactoring UI preview

Refactoring UI

Practical design tips for developers by the Tailwind team.

DjectStudio preview

DjectStudio

Premium and free Figma & Framer UI kits and templates, website kits, app UIs, decks and design systems.

More in Design Systems

See all 37
Carbon Design System preview

Carbon Design System

IBM's open-source design system for products and experiences.

Atlassian Design preview

Atlassian Design

Atlassian's end-to-end design language and guidelines.

Primer preview

Primer

GitHub's design system that powers their products.

Base Web preview

Base Web

Uber's React component library and design system.