Back to Plugins
figeleton

figeleton

<h2>figeleton</h2><p><br></p><p>Generate Skeleton Component from Figma. Use Figma as a source.</p><p><br></p><p>Skeleton components generated by this plugin follow the specifications of <a href="https://www.npmjs.com/package/@figeleton/skeleton" rel="noreferrer noopener nofollow ugc" target="_blank">@figeleton/skeleton</a>.</p><p><br></p><h2>Options</h2><ul><li>animation: Value of Skeleton animation prop. Preview of the option can be found <a href="https://soyoung210.github.io/figleton/?path=/story/example-skeleton--basic" rel="noreferrer noopener nofollow ugc" target="_blank">here</a></li><li>Square as: whether to generate a square node on Figma as a circular skeleton or as it(square) is.</li></ul><p><br></p><h2>Plan</h2><ul><li>Currently, only React is supported, but plan to support HTML soon.</li><li>Preview Generated Skeleton</li></ul>

placeholderskeletonreactcodefigma to codecode-generators

Plugin Preview

figeleton preview

About this plugin

figeleton


Generate Skeleton Component from Figma. Use Figma as a source.


Skeleton components generated by this plugin follow the specifications of @figeleton/skeleton.


Options

  • animation: Value of Skeleton animation prop. Preview of the option can be found here
  • Square as: whether to generate a square node on Figma as a circular skeleton or as it(square) is.


Plan

  • Currently, only React is supported, but plan to support HTML soon.
  • Preview Generated Skeleton

Plugin Details

Version6
CreatedFebruary 6, 2022
Last UpdatedFebruary 27, 2022
CategorySoftware development
Creatorsoyoung
Stats218 installs, 21 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Editor Types:
    figma