Generate Skeleton Component from Figma.

soso

Last update: Dec 30, 2022

Related tags

Overview

figeleton

Skeleton Code Generator Figma Plugin consisting of @figeleton/skeleton package and @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. Use Figma as a source.

⚙️ Built on Figma Plugin API.
🚫 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.
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.

Use 1400+ 3dicons within Figma or Figjam files quickly

3dicons Figma plugin Use 1400+ 3dicons within Figma or Figjam files quickly. The icons can be searched and filtered by color and angle. Figma Communit

Dec 8, 2022

A little toy app to help you find the nearest match for a given color within a Figma Tokens color palette.

Hey Palette So you've got a color palette in Figma and you've used the Figma Tokens plugin to export that palette to JSON. Let's say you have a color

Nov 15, 2022

🪆 Template intended to serve as a starting point if you want to bootstrap a Figma Plugin in TypeScript.

🪆 Codely Figma Plugin Skeleton Template intended to serve as a starting point if you want to bootstrap a Figma Plugin in TypeScript. Take a look, pla

Dec 22, 2022

💾 Read/Write Figma Files as JSON

Figma To JSON 💾 A set of tools to programatically work with Figma files as JSON. You can use these to read and write your own figma documents without

Jan 3, 2023

Generate deterministic fake values: The same input will always generate the same fake-output.

import { copycat } from '@snaplet/copycat' copycat.email('foo') // = '[email protected]' copycat.email('bar') // = 'Thurman.Schowalter668@

Dec 30, 2022

This simple project, show how work with async Fetch, function component and class component

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Feb 17, 2022

dynamic-component-app is an angular application for dynamic component template creation

MyApp This project was generated with Angular CLI version 14.1.0. Development server Run ng serve for a dev server. Navigate to http://localhost:4200/

Aug 26, 2022

🚀AI拟声: 5秒内克隆您的声音并生成任意语音内容 Clone a voice in 5 seconds to generate arbitrary speech in real-time

English | 中文 Features 🌍 Chinese supported mandarin and tested with multiple datasets: aidatatang_200zh, magicdata, aishell3, and etc. 🤩 PyTorch work

Dec 29, 2022

Generate meshes from signed distance functions and constructive solid geometry operations.

sdf-csg Generate meshes from signed distance functions and constructive solid geometry operations. This library is heavily based upon Inigo Quilez's 3

Oct 24, 2022

Comments

fix(figma-plugin): generate result fix
filter invisible node

reduce generated code lines

separate skeleton default options into components

remove component wrapper div (only generate Skeleton component)
opened by SoYoung210 0

Generate Skeleton Component from Figma.

Related tags

Overview

figeleton

@figeleton/figma-plugin

Options

@figeleton/skelton

Usage

Contributing

You might also like...

Use 1400+ 3dicons within Figma or Figjam files quickly

A little toy app to help you find the nearest match for a given color within a Figma Tokens color palette.

🪆 Template intended to serve as a starting point if you want to bootstrap a Figma Plugin in TypeScript.

💾 Read/Write Figma Files as JSON

Generate deterministic fake values: The same input will always generate the same fake-output.

This simple project, show how work with async Fetch, function component and class component

dynamic-component-app is an angular application for dynamic component template creation

🚀AI拟声: 5秒内克隆您的声音并生成任意语音内容 Clone a voice in 5 seconds to generate arbitrary speech in real-time

Generate meshes from signed distance functions and constructive solid geometry operations.

Comments

fix(figma-plugin): generate result fix

Owner

soso

🏗️ Figma Plugin for speeding up and ensure consistency in the structure of your Figma projects

Firebase Angular Skeleton - Quickly create an application with a fully functional authentication, authorization and user management system.

This is a Webpack5 project skeleton for a multi-page project

Customisable javascript skeleton loader.

🐌 让 Figma 网络访问速度更快

Felipe Santana's Figma Course Tag Generator

A meme generator plugin for Figma and FigJam. Import memes from all over the internet with customizable captions and share it far and wide.

A utility that mutates and transforms a style-dictionary object into something Figma Tokens plugin understands

Customise this Figma plugin template for your own design team.

[GSoC Project] Rocket.Chat App that connects with Figma