Figma Typography

Figma UI Kit

/

/

Components

/

/

Figma Typography

Preview

Figma Typography

Figma Text Styles

Frames X offers a superior typography system compared to other design frameworks and UI kits. It features a typographic scale that covers all possible interface use cases and supports text for multiple colors, screen sizes, and fonts.

Frames X Core Typography Features

Multiple fonts support. The default font is Inter by Rasmus Andersson, with an alternative Serif font called Lora.
Framework-independent naming convention, compatible with TailwindCSS, Shadcn UI, Bootstrap, and Material Design.
Includes universal styling variables for Font weight, Font size, Line height, and letter spacing parameters.

Frames X uses variables/tokens for efficient global control over your project's text styles, enhancing your work efficiency and consistency. To learn more about Figma variables, be sure to check out the Intro Intro Guide to Figma Variables.

Source

Web UI Kit

/

Root UI Kit

/

Mono UI Kit

Type

Styles

Figma Typography

Typography

figma typography

typography scale

figma variables

Styles

‭‭← Previous component

Gradients

Styles

Next component →

Radius

Styles

Take your ideas to the next level with our Premium Figma UI Kit

Explore best-in-class Figma components, templates, and elements.

Accordion Component in Figma

Figma Accordion

Pricing Component in Figma

Figma Pricing

Annotations Accordion Component in Figma

Figma Annotations

Carousel Component in Figma

Figma Carousel

Calendar Component in Figma

Figma Calendar

Chat Component in Figma

Figma Chat

Cards Component in Figma

Figma Cards

ComboBox Component in Figma

Figma ComboBox

Charts Component in Figma

Figma Charts

Login Component in Figma

Figma Login

Forms Component in Figma

Figma Forms

Website Builder for Figma

Figma Website Builder

UI Icons in Figma

Figma Icons

Layout Grids in Figma

Figma Grids

Color Picker Component in Figma

Figma Color Picker

HSL Gradients in Figma

Figma Gradients

Explore Figma Components

Take your ideas to the next level with our Premium Figma UI Kit

Explore best-in-class Figma components, templates, and elements.

Accordion Component in Figma

Figma Accordion

Pricing Component in Figma

Figma Pricing

Annotations Accordion Component in Figma

Figma Annotations

Carousel Component in Figma

Figma Carousel

Calendar Component in Figma

Figma Calendar

Chat Component in Figma

Figma Chat

Cards Component in Figma

Figma Cards

ComboBox Component in Figma

Figma ComboBox

Charts Component in Figma

Figma Charts

Login Component in Figma

Figma Login

Forms Component in Figma

Figma Forms

Website Builder for Figma

Figma Website Builder

UI Icons in Figma

Figma Icons

Layout Grids in Figma

Figma Grids

Color Picker Component in Figma

Figma Color Picker

HSL Gradients in Figma

Figma Gradients

Explore Figma Components

Premium Figma UI Kit

Explore best-in-class Figma components, templates, and elements.

Pricing Component in Figma

Figma Pricing

Annotations Accordion Component in Figma

Figma Annotations

Carousel Component in Figma

Figma Carousel

Calendar Component in Figma

Figma Calendar

Chat Component in Figma

Figma Chat

Login Component in Figma

Figma Login

Forms Component in Figma

Figma Forms

Website Builder for Figma

Figma Website Builder

Color Picker Component in Figma

Figma Color Picker

HSL Gradients in Figma

Figma Gradients

Explore Figma Components

Popular questions

Find more answers to popular questions on our FAQs page.

Why do I need a Figma UI kit?

Frames X UI Kit is a premium Figma UI Kit and design system.

UI kit keeps your design workflow consistent by sharing a single source of truth for every component, layout, and site you create.

Frames X UI Kit includes multiple robust UI Kits, templates, components, and an exceptional token system for building scalable systems and businesses with Figma.

Frames X UI Kits are professionally designed and can be reused for an unlimited amount of time, saving you a huge amount of money and time, especially in the long run when working in Figma.

Designs made with the Frames X UI Kits are timeless, thanks to the professionally crafted components and more than a decade in the industry.

But besides that, Frames X is the largest UI Kit collection in the world, offering an unmatched level of attention, components, and useful content.

So, is it a UI Kit, a Design System, or an eBook?

Can the Frames X UI Kit help me create a design system?

Can the Frames X UI Kit help me to build a website or an app?

Will my team or company benefit from your UI Kit?

How often is the UI Kit updated?

How do you decide on content for UI Kit updates?

Can I use Frames X UI Kit for commercial projects?

Do I need to be a pro with Figma?

Do I need a pro Figma plan to use your UI Kit?

Can you create a custom UI Kit/Design System?

Popular questions

Find more answers to popular questions on our FAQs page.

Why do I need a Figma UI kit?

Frames X UI Kit is a premium Figma UI Kit and design system.

UI kit keeps your design workflow consistent by sharing a single source of truth for every component, layout, and site you create.

Frames X UI Kit includes multiple robust UI Kits, templates, components, and an exceptional token system for building scalable systems and businesses with Figma.

Frames X UI Kits are professionally designed and can be reused for an unlimited amount of time, saving you a huge amount of money and time, especially in the long run when working in Figma.

Designs made with the Frames X UI Kits are timeless, thanks to the professionally crafted components and more than a decade in the industry.

But besides that, Frames X is the largest UI Kit collection in the world, offering an unmatched level of attention, components, and useful content.

So, is it a UI Kit, a Design System, or an eBook?

Can the Frames X UI Kit help me create a design system?

Can the Frames X UI Kit help me to build a website or an app?

Will my team or company benefit from your UI Kit?

How often is the UI Kit updated?

How do you decide on content for UI Kit updates?

Can I use Frames X UI Kit for commercial projects?

Do I need to be a pro with Figma?

Do I need a pro Figma plan to use your UI Kit?

Can you create a custom UI Kit/Design System?

Popular questions

Find more answers to popular questions on our FAQs page.

Why do I need a Figma UI kit?

Frames X UI Kit is a premium Figma UI Kit and design system.

UI kit keeps your design workflow consistent by sharing a single source of truth for every component, layout, and site you create.

Frames X UI Kit includes multiple robust UI Kits, templates, components, and an exceptional token system for building scalable systems and businesses with Figma.

Frames X UI Kits are professionally designed and can be reused for an unlimited amount of time, saving you a huge amount of money and time, especially in the long run when working in Figma.

Designs made with the Frames X UI Kits are timeless, thanks to the professionally crafted components and more than a decade in the industry.

But besides that, Frames X is the largest UI Kit collection in the world, offering an unmatched level of attention, components, and useful content.

So, is it a UI Kit, a Design System, or an eBook?

Can the Frames X UI Kit help me create a design system?

Can the Frames X UI Kit help me to build a website or an app?

Will my team or company benefit from your UI Kit?

How often is the UI Kit updated?

How do you decide on content for UI Kit updates?

Can I use Frames X UI Kit for commercial projects?

Do I need to be a pro with Figma?

Do I need a pro Figma plan to use your UI Kit?

Can you create a custom UI Kit/Design System?

Show more FAQs

Show more FAQs

Show more FAQs

Design in Figma 10X Faster

Level up as a designer, build robust design systems, websites, and applications that will last forever beautifully.

Preview in Figma

››› Download Frames X UI Kits ‹‹‹

UI KIT TRUSTED BY TOP TEAMS AND BRANDS

Design in Figma 10X Faster

Level up as a designer, build robust design systems, websites, and applications that will last forever beautifully.

Preview in Figma

››› Download Frames X UI Kits ‹‹‹

UI KIT TRUSTED BY TOP TEAMS AND BRANDS

Design in Figma 10X Faster

Level up as a designer, build robust design systems, websites, and applications that will last forever beautifully.

Preview in Figma

››› Download Frames X UI Kits ‹‹‹