Schema is a plugin for Figma that helps designers generate more realistic placeholder text. There are a few plugins available already that do similar things, but I wanted a plugin that would let me do more advanced things like date/time sequences, interpolating variables, and using custom scripts to generate copy.
It's mainly here to scratch my own itch and learn to create Figma plugins, but I'll hopefully push it to production soon.
This plugin is built with Create Figma Plugin.
- Node.js – v14
- Figma desktop app
To build the plugin:
$ npm run build
This will generate a manifest.json file and a build/ directory containing a JavaScript bundle for the plugin.
To watch for code changes and rebuild the plugin automatically:
$ npm run watch
In the Figma desktop app:
- Open a Figma document.
- Go to
Plugins→Development→New Plugin…. - Click the
Click to choose a manifest.json filebox, and select themanifest.jsonfile that was generated.
Use console.log statements to inspect values in your code.
To open the developer console in the Figma desktop app, go to Plugins → Development → Open Console.