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

Related tags

Vue.js figma figma-plugin
Overview

Project Scaffold Generator

banner

demo

banner

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.
You might also like...

Vue 3 + Vite + SSR template based on Vite Plugin SSR and inspired by Vitesse

Vite Vue SSR Starter Vue 3 + Vite + SSR template based on Vite Plugin SSR and inspired by Vitesse Features ⚡️ Vue 3, Vite 2, TypeScript 🗂 Domain-Driv

Aug 2, 2022

🌐 Lightweight internationalization plugin for Vue 3

🔥️ vue-next-i18n Lightweight internationalization plugin for Vue 3 🌈 Getting started To begin, you'll need to install vue-next-i18n use npm npm inst

Nov 21, 2022

The Pinia plugin to enable Object-Relational Mapping access to the Pinia Store.

The Pinia plugin to enable Object-Relational Mapping access to the Pinia Store.

pinia-orm Intuitive, type safe and flexible ORM for Pinia based on Vuex ORM Next ✨ Release Notes 📖 Documentation Help me keep working on this project

Dec 31, 2022

Vite Svelte plugin to remove console logs in prod.

vite-plugin-svelte-console-remover A Vite plugin that removes all console statements (log, group, dir, error, etc) from Svelte, JS, and TS files durin

Oct 13, 2022

A vite plugin that deletes console.log in the production environment

vite-plugin-remove-console A vite plugin that deletes console.log in the production environment English | 中文 Install npm install vite-plugin-remove-co

Dec 22, 2022

Based on vitawind, kowind brings ESLint plugin and some other plugins to it that help you to format your code quickly and efficiently.

🐦 KOWIND v3 🐦 Vite helper based on vitawind 🧰 Easy To Install ⚡️ Automatically open Tailwind JIT Mode ⚙ One-Command Setting 🚀 Automatically config

Nov 26, 2022

A progress bar plugin for Vite.

A progress bar plugin for Vite.

vite-plugin-progress Display with progress bar when building 📦 Install npm i vite-plugin-progress -D # yarn yarn add vite-plugin-progress -D # pn

Dec 17, 2022

Laravel plugin for Vite.

Laravel Vite Plugin Introduction Vite is a modern frontend build tool that provides an extremely fast development environment and bundles your code fo

Jan 7, 2023

A simple picture clipping plugin for vue

A simple picture clipping plugin for vue

vue-cropper 一个优雅的图片裁剪插件 [ 查看演示 Demo ] [ README_english ] [ 更新日志 ] 一、安装使用 1. 安装 # npm 安装 npm install vue-cropper # yarn 安装 yarn add vue-cropper 如果你没有使用

Jan 5, 2023
Comments
  • Add Figjam Support

    Add Figjam Support

    feat: add figjam support, set theme to light by default since figjam backgrounds are white by default. libs: update figma typings chore: some formatting

    opened by bryanberger 0
Owner
Bryan Berger
Designer/UX Engineer | currently designing @Discord
Bryan Berger
GitHub
💬 cursor chat à la Figma for digital co-existing + presence

cursor-chat ?? lightweight (31.8kB) cursor chat à la Figma for digital co-existing + presence As a warning, this library is for experimental purposes

Jacky Zhao 176 Jan 2, 2023
💖 Toolkit for generating sponsors images 😄

SponsorKit Toolkit for generating sponsors images. Usage Create .env file with: ; Token requires the `read:user` and `read:org` scopes. SPONSORKIT_GIT

Anthony Fu 395 Jan 2, 2023
:globe_with_meridians: Internationalization plugin for Vue.js

vue-i18n Internationalization plugin for Vue.js ?? Gold Sponsors ?? Silver Sponsors ?? Bronze Sponsors ⚠️ NOTICE This repository is for Vue I18n v8.x.

kazuya kawaguchi 6.9k Jan 8, 2023
An infinite scroll plugin for Vue.js.

Intro An infinite scroll plugin for Vue.js, to help you implement an infinite scroll list more easily. Features Mobile friendly Internal spinners 2-di

Peach 2.6k Jan 4, 2023
A Marko plugin for Vite

@marko/vite A Marko plugin for Vite. Installation npm install @marko/vite Example config import { defineConfig } from "vite"; import marko from "@mark

Marko 49 Nov 26, 2022
An Xray Panel (Trojan, Shadowsocks, Shadowsocks-Plugin,Vmess,Vless)

特征 安装Ioncube Loader Google Analytic Google Console Twilio AmazonSNS Alphadvantage (Exchange rate key) Paypal Tawk TelegramBot Mailgun Twilio-Sendgrid

null 9 Aug 4, 2021
A powercord plugin to create pet gifs

petpet A powercord plugin to create pet gifs Inspired by https://benisland.neocities.org/petpet/ Example Input Output Usage [p] is your powercord comm

Vens Powercord Plugins 20 Oct 13, 2022
Obsidian plugin to add keyboard shortcuts commonly found in code editors such as Visual Studio Code or Sublime Text

Code Editor Shortcuts This Obsidian plugin adds keyboard shortcuts (hotkeys) commonly found in code editors such as Visual Studio Code or Sublime Text

Tim Hor 143 Dec 30, 2022
A plugin that can help you create project friendly with Vue for @vue/cli 4.5

vue-cli-plugin-patch A plugin that can help you create project friendly with Vue for @vue/cli 4.5. Install First you need to install @vue/cli globally

null 2 Jan 6, 2022
Vue2.x plugin to create scoped or global shortcuts. No need to import a vue component into the template.

vue2-shortcut Vue2.x plugin to create scoped or global shortcuts. No need to import a vue component into the template. Install $ npm install --save vu

Graxi 37 Aug 14, 2022