⚽️Figma Faker

This project is for generate fake data figma plugin for component recognization, it can modify the nodes with random text/color/coordinate... easily. Feel free to add new fake function.

💫Feature

Fake text Randomly change the text of nodes.
Fake color Randomly change the color of nodes.
Fake coordinate Randomly change the coordinate(X/Y) of nodes. It include the collision detection.

🌈Demo

Fake text
Fake color
Fake coordinate

🍒How to Use

With only a few clicks, you can replace any place you want with random text/color!

open plugin
select nodes that you want to replace with random data
click Fake___
done!

💫Quickstart

Run yarn to install dependencies.
Run yarn build:watch to start webpack in watch mode.
Open Figma -> Plugins -> Development -> Import plugin from manifest... and choose manifest.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.

Toolings

This repo is using: