Fill layers in Figma with avatars & random data from tinyfac.es...
Features:
- 📒 Fills text layers with random names
- 👦🏼 Fills shapes with random avatar stock photos
- 🎚 Choose between high quality or low quality images
- 💑 Filter to male, female or non-binary
- 👨👩👧👦 Supports components
Installation/Usage:
- Visit the Figma plugin page
- Click Install
- Select a few
text
andshape (rectangle, ellipse, polygon, start, vector)
layers - Right click
Plugins
->TinyFaces
->Fill with high quality
- 🎉🤩🥰
Preview.mov
This template contains the react example as shown on Figma Docs, with some structural changes and extra tooling.
- Run
yarn
to install dependencies. - Run
yarn build:watch
to start webpack in watch mode. - Open
Figma
->Plugins
->Development
->New Plugin...
and choosemanifest.json
file from this repo.
⭐ To change the UI of your plugin (the react code), start editing App.tsx.
⭐ To interact with the Figma API edit controller.ts.
⭐ Read more on the Figma API Overview.
This repo is using:
- React + Webpack
- TypeScript
- Prettier precommit hook