Skip to content

coryetzkorn/figma-faker

Repository files navigation

Figma Faker Plugin

Faker

Quickly generate realistic placeholder text. Names, emails, URLs, headlines, and more. Faker is built on top of faker.js.

Data Included

  • Names
  • Addresses
  • Companies
  • Phone numbers
  • Dates
  • Lorem Ipsum
  • Internet text
  • Commerce text
  • Finance text
  • Random text
  • Computer system text
  • Hacker text

Usage

  • Install it from the Figma plugin library
  • Select one or more objects
  • Open the plugin and select a placeholder text option
  • Any text nodes in the selection will be replaced with the Faker text of your choice

Development

First clone this repository

git clone https://github.com/coryetzkorn/figma-faker
cd figma-faker

Install dependencies

npm install

Watch the plugin in development

npm run dev

Or build the plugin for production

npm run build

After that open a project in Figma Desktop, select Plugins -> Development -> New Plugin. Click Choose a manifest.json and find the manifest.json file in this plugin directory.

Done! Now access via Plugins -> Development -> Faker

To-do

  • Better / more human date formatting
  • Add support for placeholder images

Author

Cory Etzkorn (Twitter)