Pixel-perfect Figma UI Kit components & templates

Frames X is a powerful Figma UI Kit that has been around for almost a decade. It serves design communities worldwide and is famous for its intuitive and functional design.

Buy once — use unlimited times

Frames X is a Figma UI Kit built for flexibility and speed, with customizable components that adapt to your brand. Thousands of designers trust our UI kits for their robust reusability and ease of use.

The #1 Figma UI Kit & design system

World's largest and ever-growing UI Kit and Figma design system with over 3.5k components in 80+ different interface categories.

Advanced Figma design techniques

Use professional-grade components and templates with best practices, helping you create polished interfaces. Learn from real-world design examples.

Beta

Open-source code components

Turn your Frames X designs into working websites and applications with Code Components & Design Tokens.

Beta

Designs Synced with Code

Hand off your Frames X designs in Angular or React—build designs and systems that scale with your business.

What Makes Frames X the Ultimate Figma UI Kit & Design System?

Maintained since 2017

Frames X is a powerful Figma UI Kit that has been around for almost a decade. It serves design communities worldwide and is famous for its intuitive and functional design.

Buy once — use unlimited times

The #1 Figma UI Kit & design system

World's largest and ever-growing UI Kit and Figma design system with over 3.5k components in 80+ different interface categories.

Advanced Figma design techniques

Use professional-grade components and templates with best practices, helping you create polished interfaces. Learn from real-world design examples.

Beta

Open-source code components

Turn your Frames X designs into working websites and applications with Code Components & Design Tokens.

Beta

Designs Synced with Code

Hand off your Frames X designs in Angular or React—build designs and systems that scale with your business.

What Makes Frames X the Ultimate Figma UI Kit & Design System?

Maintained since 2017

Frames X is a powerful Figma UI Kit that has been around for almost a decade. It serves design communities worldwide and is famous for its intuitive and functional design.

Buy once — use unlimited times

The #1 Figma UI Kit & design system

World's largest and ever-growing UI Kit and Figma design system with over 3.5k components in 80+ different interface categories.

Advanced Figma design techniques

Use professional-grade components and templates with best practices, helping you create polished interfaces. Learn from real-world design examples.

Beta

Open-source code components

Turn your Frames X designs into working websites and applications with Code Components & Design Tokens.

Beta

Designs Synced with Code

Hand off your Frames X designs in Angular or React—build designs and systems that scale with your business.

Join 30k+ subscribers, get new articles, Figma resources, & UI Kit updates ↓

No spam, only good stuff 👌

Pixel-perfect Figma UI Kit components & templates

Explore Figma UI Kit ↓

Tokens & Styles

Components

Website Layouts

Templates

Charts

Free Resources

Figma Tokens

Breakpoints

Breakpoints

Breakpoints

Colors

Colors

Colors

Effects

Effects

Effects

Gradients

Gradients

Gradients

Grids

Grids

Grids

Imagery

Imagery

Imagery

Radius

Radius

Radius

Size & Spacing

Size & Spacing

Size & Spacing

Typography

Typography

Typography

Figma Components

Accordion

Accordion

Accordion

Alerts

Alerts

Alerts

Annotations

Annotations

Annotations

Avatar

Avatar

Avatar

Breadcrumbs

Breadcrumbs

Breadcrumbs

Browser

Browser

Browser

Button

Button

Button

Button Group

Button Group

Button Group

Calendar

Calendar

Calendar

Calendar Sheet

Calendar Sheet

Calendar Sheet

Cards

Cards

Cards

Carousel

Carousel

Carousel

Chart

Chart

Chart

Chat

Chat

Chat

Checkbox