Figma Skeleton

/

/

/

/

Figma Skeleton

Preview

Figma Skeleton

Figma Skeleton Component

The Skeleton component displays a graphic placeholder of your content before it loads on the user’s side. Our Skeleton UI includes a gentle pulsing animation to indicate the loading state.

Skeleton Anatomy

SetVariantsProperties
Skeleton30Type Text 1, Text 2, Text 3, Card, UserSize Small, Medium, LargeDirection Left, Right

Type

Helper component

Behavior

Auto layout

Figma Skeleton

Skeleton

skeleton ui figma

skeleton loading examples

skeleton component

Helper component

Design systems with Figma — 10× faster

Level up your design, build robust systems, websites, and applications that will stay beautiful forever.

UI KIT TRUSTED BY TOP TEAMS AND BRANDS

Design systems with Figma — 10× faster

Level up your design, build robust systems, websites, and applications that will stay beautiful forever.

UI KIT TRUSTED BY TOP TEAMS AND BRANDS

Design in Figma
10X faster

Level up your design, build robust systems, websites, and applications that will stay beautiful forever.