0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100
Figma plugin#17 in Wireframing

Skeleton Craft

Turn Designs into Skeletons with One Click, Design tools

by Tomasz Ostrowski

users
5.4K
likes
29
saves
254
Free + $5 upgradeWorks inFigma Design
Price
Free + $5 upgrade
Latest version
v8 · Oct 26, 2025
First published
Feb 4, 2025
Features

What Skeleton Craft does

Summarised from Tomasz Ostrowski's description on the Figma Community.

  • Use cases

    Loading screens: Generate skeleton screens to simulate loading states, improving user experience during transitions..

  • Pro tips

    Try different built-in templates to find the perfect style. Save your custom settings as templates for quick reuse

  • Trial & premium features

    7-day free trial: Try all features completely free for 7 days. After-purchase: Unlimited access to all current and future features

On this page
Overview

About Skeleton Craft

Skeleton Craft is a free Figma plugin with a paid upgrade ($5) published by Tomasz Ostrowski in 2025. It works in Figma Design and has 5,449 users and 29 likes on the Figma Community. It ranks #17 in Wireframing on our lists.

In the developer's words

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
Changelog

What's new

Version 8 · released Oct 26, 2025

  • ### 🎨 What's New
  • #### Template system
  • Transform your workflow with a powerful new template system:
  • Built-in Professional Themes**: Choose from 5 expertly crafted skeleton themes:
  • Clean Light** - Clean, minimal skeletons with crisp edges and soft neutral contrast
  • Deep Dark** - Dark skeletons with balanced tone and quiet contrast for dark-themed designs
  • Soft Rounded** - Elegant skeletons with soft corners and airy tones
  • Faint Lines** - Delicate skeletons that blend seamlessly into white UIs without vanishing
  • Heavy Shade** - Strong gray tones with solid contrast for expressive skeleton states
  • Custom Templates**: Save your current settings as reusable templates for instant access
  • Template Sharing**: Share templates with your team via easy copy/paste codes
  • Quick Apply**: One-click application of templates for consistent skeleton states across your designs
  • #### Background mode
  • Create complete loading state mockups with new background control:
  • Background Color Control**: Apply background colors to skeleton containers
  • Three Intelligent Modes**:
  • Auto Mode** - Smart application that keeps container backgrounds and protects specif
Trust

Permissions and privacy

Network access

Skeleton Craft declares no network access, so it runs entirely inside Figma and can't send your file anywhere.

Extra permissions

  • Can offer paid features through Figma's checkout

Read from the plugin's published manifest.

Rankings

Where Skeleton Craft ranks

Compare

Skeleton Craft alternatives

  1. 1

    Relume

    by Relume

    302K users6.2KFree

    Websites designed & built faster with AI

  2. 2

    Ghost

    by Christopher Kark

    85K users2.8KFree

    Ghost is a lightweight plugin that converts high fidelity mockups to loading or “skeleton” screens.

  3. 3

    Higherframer

    by Joe Fajnor

    53K users342Free

    Convert high fidelity screens to wireframe!

  4. 51K users675Free

    Banani AI. Generate design wireframes filled with a copy in seconds. Use full power of GPT.

  5. 5

    Wireframe Generator

    by Matheus Duarte

    24K users106Free

    Wireframes in seconds: choose your options, click "generate" and your wireframes will be created

  6. 6

    MockFlow

    by MockFlow

    23K users163Free + paid features

    Export MockFlow Wireframes to Figma

FAQ

Skeleton Craft FAQ

What does Skeleton Craft do?

Turn Designs into Skeletons with One Click, Design tools. It's a Figma plugin by Tomasz Ostrowski that runs in Figma Design.

Is Skeleton Craft free?

Partly. Skeleton Craft is free to install and use, and a paid upgrade on the Figma Community ($5 one-time) unlocks the rest.

Is Skeleton Craft safe to use?

Figma plugins can only reach the internet through domains listed in their manifest. Skeleton Craft declares no network access, so it runs entirely inside Figma and can't send your file anywhere. As with any plugin, check the developer's privacy policy before using it on client work.

How do I install Skeleton Craft?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to Skeleton Craft?

By user count, the closest alternatives are Relume, Ghost and Higherframer. Compare all of them on the best Figma plugins for wireframing.

For developers

Built this plugin?

Use this page as a landing page for Skeleton Craft: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Skeleton Craft on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/skeleton-craft/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Skeleton Craft on figmaplugins.co" width="220" height="48"></a>