29thfloor / quire-figma-faker

Quickly generate realistic placeholder text in Figma

Home Page:https://www.figma.com/community/plugin/833836762121994814/Faker

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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 & build files

npm install
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)

About

Quickly generate realistic placeholder text in Figma

https://www.figma.com/community/plugin/833836762121994814/Faker

License:MIT License


Languages

Language:TypeScript 90.6%Language:JavaScript 6.9%Language:CSS 2.3%Language:HTML 0.1%