https://github.com/soyoung210/figleton

🪄 Generate Skeleton Component from Figma.
https://github.com/soyoung210/figleton

figma-plugin skeleton

Last synced: about 1 year ago
JSON representation

🪄 Generate Skeleton Component from Figma.

• Host: GitHub
• URL: https://github.com/soyoung210/figleton
• Owner: SoYoung210
• License: mit
• Created: 2022-01-31T14:44:28.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2022-02-27T10:55:27.000Z (over 4 years ago)
• Last Synced: 2025-04-23T00:07:48.045Z (about 1 year ago)
• Topics: figma-plugin, skeleton
• Language: TypeScript
• Homepage: https://www.figma.com/community/plugin/1072079296344464088/figeleton
• Size: 3.24 MB
• Stars: 39
• Watchers: 2
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# figeleton

![cover art](./assets/cover_art.jpg)

Skeleton Code Generator Figma Plugin consisting of [@figeleton/skeleton](#figeleton-skeleton) package and [@figeleton/figma-plugin](#figeleton-figma-plugin)

Skeleton components generated in @figeleton/figma-plugin follow the specifications of @figeleton/skeleton.

Although it is not necessary to use the two packages together, **additional feature of this plugin are added based on @figeleton/skeleton specification.**

## @figeleton/figma-plugin

Generate Skeleton Component from [Figma](https://www.figma.com). Use Figma as a source.

* ⚙️ Built on [Figma Plugin API](https://www.figma.com/plugin-docs/intro/).

* 🚫 **Is not a design generator**



### Options

| Name      | Value                  | Description                                                                                                                                               |

| --------- | ---------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- |

| Animation | `wave` `pulse` `unset` | Value of Skeleton animation prop. Preview of the option can be found [here](https://soyoung210.github.io/figeleton/?path=/story/example-skeleton--basic). |

| Square as | `square` `circle`      | whether to generate a square node on Figma as a circular skeleton or as it(square) is.                                                                    |

## @figeleton/skelton

Skeleton component. (It can be used alone regardless of figma plugin.)

### Usage

```

npm install @figeleton/skeleton

```

## Contributing

Everyone is welcome to contribute. Whether you're helping us implement features, fix bugs or improve the docs, we'd love to have you as part of the community!

Leave any questions or feature requests to [issue](https://github.com/SoYoung210/figeleton/issues/new).