Figma Plugin · Skeleton Loaders

Turn Frames into
Skeleton Loaders

Select a frame or component and convert it to a skeleton placeholder. Grey bars for text, rectangles for shapes and images. Optional sketchy style, squiggly text, and content preservation.

One-Click Convert
Sketchy Style
Preserve Options
Install Free on Figma
What Skletons Does

Skeleton Loaders from Frames

Select a frame or component and convert it to a skeleton placeholder. Control what stays and what changes with preservation toggles.

Convert to Skeleton
Core

Convert to Skeleton

Select one or more frames. The plugin replaces text with grey bars, images and shapes with grey rectangles. Layout and structure stay intact.

Preserve Text
Content

Preserve Text

Add # to layer names to keep that text. When Preserve Text is on, layers with # in the name stay as-is.

Preserve Images & Colors
Content

Preserve Images & Colors

Keep original images or fill colors. Toggles for Preserve Images and Preserve Colors.

Sketchy & Squiggly
Style

Sketchy & Squiggly

Sketchy style uses rough, hand-drawn shapes. Squiggly text uses Redacted Script font for placeholder text.

Capability

Corner Radius

Slider from Auto (-1) to 24px. Auto keeps the original corner radius per element.

Capability

Preserve Shadows

Keep drop shadows and effects on converted shapes.

Content Preservation
Preserve Text
Keep text with # in name
Preserve Images
Keep original images
Preserve Colors
Keep non-neutral fills
Original
→
Skeleton
Content Preservation

What Stays,
What Changes

Preserve Text: layers with # in the name stay as text. Preserve Images: image fills stay. Preserve Colors: non-neutral fills (e.g. brand colors) stay. Lines, vectors, and gradients are always preserved.

Preserve Text (#)Preserve ImagesPreserve ColorsLines & VectorsGradients
Style Options
Squiggly Text
Redacted Script font
Sketchy Style
Hand-drawn (roughjs)
Preserve Shadows
Keep drop shadows
Auto
Corner Radius (-1 = Auto)
Text placeholders
Clean
Squiggly
Sketchy
Style

Sketchy, Squiggly &
Corner Radius

Sketchy style draws rough, hand-drawn shapes instead of clean rectangles. Squiggly text uses Redacted Script for placeholder bars. Corner radius: Auto preserves original, or set 0–24px globally.

Sketchy StyleSquiggly TextCorner RadiusPreserve Shadows
How It Works

Three Steps to Skeletons

Step 01
01

Select Frames

Select one or more frames or components on the canvas. The plugin shows the selection in the preview area.

Step 02
02

Set Options

Content Preservation: text (#), images, colors. Style: squiggly text, sketchy, shadows, corner radius.

Step 03
03

Convert

Click Convert to Skeleton. The plugin creates a skeleton frame to the right of the original.

Ready to Build Skeleton Loaders?

Install Skletons on the Figma Community. Select a frame and convert. Free.

Install Free on Figma
FreeOne-ClickFigma Community
Skletons in the directory: usage, permissions and alternatives