https://github.com/bryanberger/figma-skeleton-generator

A Figma plugin for generating skeleton UI placeholders, specific to Discord's usecases.
https://github.com/bryanberger/figma-skeleton-generator

figma figma-plugin

Last synced: about 1 month ago
JSON representation

A Figma plugin for generating skeleton UI placeholders, specific to Discord's usecases.

• Host: GitHub
• URL: https://github.com/bryanberger/figma-skeleton-generator
• Owner: bryanberger
• Created: 2021-09-26T01:59:01.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2021-10-26T23:02:58.000Z (about 3 years ago)
• Last Synced: 2023-03-30T08:17:46.478Z (over 1 year ago)
• Topics: figma, figma-plugin
• Language: TypeScript
• Homepage:
• Size: 23.9 MB
• Stars: 19
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Figma Skeleton Generator

![banner](.github/banner.png?raw=true)

![demo](.github/demo.gif?raw=true)

![banner](.github/demo.png?raw=true)

## Why?

This is an internal tool we use at Discord to generate Discord specific "skeleton/placeholders" for help in designing lofi screens. The idea is to help focus feedback where you need it, and less on your clever/not-so-clever chat messages. This plugin can generate:

- Messages

- Server List

- Channel List (voice and text)

- Member List

## Development

- Run `yarn` to install dependencies.

- Run `yarn build:watch` to start webpack in watch mode.

- Open `Figma` -> `Plugins` -> `Development` -> `New Plugin...` and choose `manifest.json` file from this repo.

## Build

- Run `yarn build` to build a production version.