Early access now available, get a lifetime license at a introductory price for a limited time

Buy now

The design system
made to be customized

A carefully crafted Figma design system built on a thoughtful architecture.
Created to be customized, designed to scale, and ready for the way designers, engineers and AI work today

Battle-tested from day one

An architecture that took years of real projects and hard work to get right. You inherit all of that, without the effort.

Crafted, not generated

Every component and decision, made by a human who cares. Built with intention, and ready to work alongside AI tools.

Focused by design

Flint doesn't try to do everything. It does the right things well, so you have a foundation worth building on.

Created by pros

Flint is built by Dale-Anthony, a designer with over a decade of experience creating design systems that scale.

Foundations

A thoughtful foundation, architected to scale

Flint is built on a three-tier variable architecture that makes your system easy to customize, maintain and hand off - whether you're a team of one or one hundred

Semantic variables illustration showing the three-tier variable architecture
Light & Dark Modes

Light and dark modes,
built into the foundation

Light and dark mode aren't an afterthought in Flint. They're built into the foundation, so every component responds correctly without any extra work

Light mode
Assets

Essential assets,
included out of the box

Flint ships with an extensive icon library, country flags, payment icons, and cursors. All the supporting assets that a real product needs but most systems leave out

Icon Library

Thousands of clean, consistent icons organised across a wide range of categories, from the most common UI actions to the more specific

Flags

Country flags for every nation, perfect for language selectors, region pickers and more

Payment Icons

All the major payment methods covered, ready to drop into your payment flows

Brand Icons

A range of commonly used brand icons available in color, or monochrome

Cursors

System cursors for adding realistic pointer states to your mockups and prototypes

The full package

Everything included
with Flint

One purchase gets you everything. Components, assets, documentation and lifetime updates. No tiers, no add-ons, just a complete system ready to use

900+ Components & Variants

Thoughtfully designed components covering the UI patterns you'll need across any modern product

Light & Dark Modes

Built into the foundation, so every component responds correctly without extra work

Tokens & Variables

A three-tier architecture - primitives, semantic, and component-level - for full control

Color System

A comprehensive color system for designing beautiful, accessible interfaces

Typography System

A complete type scale with consistent styles applied throughout the system

Accessible Design

Accessibility-first by design, with contrast and interactive states considered at every level

Scalable Foundation

Built on real-world design system architecture, so it grows with your product rather than against it

Customizable by Design

Every layer is built to be replaced - swap colors, type, or components without friction

Latest Figma Features

Built with auto-layout 5.0, smart instances, and slots - taking full advantage of what Figma can do

Full Documentation

Every component is documented, with a full getting started guide so you can hit the ground running

Icon Library

Thousands of clean, consistent icons spanning a wide range of categories and UI needs

Assets Library

Brand logos, country flags, payment icons, and cursors - everything a real product needs

Styles & Effects

A complete set of shadows, blurs, and effects, all connected to the variable system and ready to use

AI Ready

A structured, well-named system that gives AI tools the right foundation to work from

Lifetime Access & Updates

One purchase gets you every future version of the Figma file - no subscriptions

Flint saved me so much setup time. The variable architecture is exactly the kind of thinking I wouldn't have known to do myself, and the documentation made it easy to dive right in

Sarah Mitchell

Sarah Mitchell

Product Designer at Understory

Pricing

Simple pricing with
lifetime access

One payment gets you lifetime access to Flint Design System in Figma, all future updates, and unlimited use across personal and commercial projects

Limited time introductory pricing

Solo

$69

$99

one-time payment

Single user license

Free lifetime updates

Primitive & semantic variables

900+ components & variants

2,000+ icons & assets

Light & dark modes

Use in unlimited projects

BUILT USING THE LATEST FIGMA FEATURES

Variables

Auto layout 5.0

Component properties

Nested instances

Slots

Team

$149

$249

one-time payment

5 user license

Free lifetime updates

Primitive & semantic variables

900+ components & variants

2,000+ icons & assets

Light & dark modes

Use in unlimited projects

BUILT USING THE LATEST FIGMA FEATURES

Variables

Auto layout 5.0

Component properties

Nested instances

Slots

Unlimited

$299

$499

one-time payment

Unlimited user license

Free lifetime updates

Primitive & semantic variables

900+ components & variants

2,000+ icons & assets

Light & dark modes

Use in unlimited projects

BUILT USING THE LATEST FIGMA FEATURES

Variables

Auto layout 5.0

Component properties

Nested instances

Slots

Who It's For

For people who care about well designed experiences

Flint is for designers and teams who want a solid foundation to build on, without spending months setting one up from scratch

Solo designers & freelancers

A professional foundation ready to go, so you can focus on the work instead of rebuilding the same groundwork every time

Design teams

A scalable, best-practice foundation that gets your whole team aligned and building together, without months of groundwork first

Agencies

Consistent, customisable foundations and components for every client project, without rebuilding from scratch each time you start

Engineers & non-designers

A well-structured system that produces thoughtful, considered output even without a design background to draw from

AI-assisted builders

Structured, system-grounded architecture that gives AI tools the right foundation to work from, no more generic output

Students & learners

A real-world design system built on industry best practices, a great way to see how production systems are actually structured

FAQs

Frequently
asked questions

Answers to the most common questions asked about Flint Design System.

Have a question that isn't answered here? Feel free to reach us at [email protected]

I kept putting off starting a design system because I knew how much work it was going to be. Flint just removed that problem, and honestly it looks better than anything I would have pulled together myself

James Reid

James Reid

Senior Product Designer at Harbour