Back to Plugins
Skeleton Craft – effortless skeleton screens for loading and simplified UI

Skeleton Craft – effortless skeleton screens for loading and simplified UI

Turn Designs into Skeletons with One Click, Design tools

Plugin Preview

Skeleton Craft – effortless skeleton screens for loading and simplified UI preview

About this plugin

What is Skeleton Craft?

Skeleton Craft is a Figma plugin designed to help you create skeleton screens from your existing designs, enhancing your workflow efficiency. It supports elements like text (color and corner radius), strokes (color), inputs, images (color), and detaching component instances.


New in v2.0: Professional template system with 5 built-in themes, custom template saving and sharing, plus intelligent background color modes for complete loading state mockups.


Whether you're working on prototypes, preparing presentations, or creating simplified graphics for marketing and web interfaces, Skeleton Craft provides a powerful yet straightforward solution for visualizing and iterating on your designs.


Use cases:

  1. Loading screens: Generate skeleton screens to simulate loading states, improving user experience during transitions.
  2. Design system integration: Create and share skeleton templates that match your design system, ensuring consistent loading states across teams.
  3. Simplified graphics: Create minimalistic interface graphics for marketing and web purposes, ensuring clarity in your visual communication.
  4. Rapid prototyping: Quickly iterate on loading state variations using built-in templates or your own custom presets.


How to use:

  1. Select the elements you want to transform.
  2. Choose a template (optional) or customize colors, corners, and background settings.
  3. Click "Craft Skeleton" and watch your loading states appear instantly.
  4. Your original designs remain untouched while skeletons are created alongside.


Pro tips:

  1. Try different built-in templates to find the perfect style
  2. Save your custom settings as templates for quick reuse
  3. Use Background Auto mode for intelligent element preservation
  4. Share template codes with your team for consistency


Trial & premium features

  1. 7-day free trial: Try all features completely free for 7 days
  2. After-purchase: Unlimited access to all current and future features
  3. One-time purchase: No subscriptions, just a single payment for lifetime access

Plugin Details

Version8
CreatedFebruary 4, 2025
Last UpdatedOctober 26, 2025
Categoryediting & effects plugins
CreatorTomasz Ostrowski
Stats131 installs, 21 likes
PricingPaid

Technical Details

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