Back to Plugins
Loading State Animator

Loading State Animator

Instantly generate shimmer skeleton screens from any Figma frame

Plugin Preview

Loading State Animator preview

About this plugin

Loading State Animator generates shimmer skeleton loading screens directly from your Figma frames — no manual work needed.Select any frame, choose your shimmer style (Default, Cool, Warm, Subtle, or Custom colors), adjust corner radius and animation speed, and click Generate. The plugin scans your frame for text, images, buttons, and icons, then creates a pixel-perfect skeleton overlay with a smooth shimmer gradient.Perfect for:- Designing loading states for mobile and web apps- Handing off skeleton screens alongside your UI designs- Quickly mocking up perceived performance improvementsFeatures:- 4 built-in shimmer color presets + custom color picker- Per-element targeting (Text, Images, Buttons, Icons)- Adjustable corner radius and animation speed- Live preview that matches your frame's background- Non-destructive — original frame is always preserved

Plugin Details

Version1
CreatedFebruary 24, 2026
Last UpdatedFebruary 24, 2026
CategoryPrototyping & animation plugins
CreatorKoons
Stats1 installs, 2 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none