Design System 3 icon

Design System 3

A comprehensive Figma design system featuring a stunning new design language with liquid glass effects and seamless customisation.

Get the UI kit →
Screenshot of the Design System 3 UI kit

This pro-level design system introduces an entirely fresh design language that prioritises simplicity and intention. Built with Figma variables and comprehensive documentation, it’s designed to enhance design communication and streamline workflows.

Key Features:

  • Carefully designed components with simple and elegant aesthetics
  • Liquid glass effects for added visual delight and transparency
  • Comprehensive documentation guide for seamless team communication
  • Figma variables integration for super easy customisation
  • Precisely modified typography for smoother visual rhythm
  • All-new colour palette with complete token system
  • Seamless light and dark mode switching
  • Fully responsive auto layout for mobile and desktop

Design System 3 helps web designers and developers create cohesive, modern interfaces whilst maintaining consistency across projects through its robust token system and well-documented components. The liquid glass elements and refined typography make it particularly useful for teams looking to implement contemporary design trends without sacrificing usability or development efficiency.

Get the UI kit →

Platforms:

Share on:
← Back to all kits

Browse more UI kits

View all →

Read our latest posts

View all →

Explore more platforms

All platforms →

Browse cross-platform kits

All platforms →
Publish your website in minutes with Framer.

Publish your website in minutes with Framer.

Powered by Adlet