Using Placeholder Content

Video Tutorial: Add realistic placeholder text content in Figma

Adding placeholder content directly ​

You can browse different placeholder categories for "fake" content snippets under the Placeholders tab, and also select your language to localize some of the content (eg. names, places etc).

You can either click on the placeholder name (eg. "First Name") button to apply it to your selected Figma text layer(s), or alternatively, you can copy/paste (or manually type) a trigger shortcut for a placeholder into your Figma text layer directly by prefixing the shortcut name with double backslashes (eg. //fake.person.firstName)

Mixing dynamic placeholders inside your text snippets ​

To use a placeholder inside of a saved snippet, you can add curly brackets around either side of the shortcut name into your snippet text.

To make this easier, you can use the built-in placeholder shortcuts selector by enabling the Show Placeholder Shortcuts toggle, which will let you browse and automatically add placeholder shortcuts to your text snippets.

After you've saved your snippet, you can use it normally, in the same ways any other custom text snippet is applied; via applying it to text layers, or using it as a text expander.

Placeholder Shortcut References ​

Below is a complete list of all placeholder shortcuts that you can either use as part of your custom text snippets by adding the shortcut between double curly brackets, or, directly into a text layer while editing it by prefixing the shortcut with double slashes (eg. //fake.person.firstName)

Airlines ​

  • fake.airline.aircraftType (eg. "Airbus A320")
  • fake.airline.airline (eg. "Delta Airlines")
  • fake.airline.airplane (eg. "Boeing 747")
  • fake.airline.airport (eg. "John F. Kennedy International Airport")
  • fake.airline.flightNumber (eg. "DL123")
  • fake.airline.recordLocator (eg. "ABC123")
  • fake.airline.seat (eg. "21A")

Animals ​

  • fake.animal.bear (eg. "Grizzly Bear")
  • fake.animal.bird (eg. "Blue Jay")
  • fake.animal.cat (eg. "Siamese Cat")
  • fake.animal.cetacean (eg. "Bottlenose Dolphin")
  • fake.animal.cow (eg. "Holstein Cow")
  • fake.animal.crocodilia (eg. "American Alligator")
  • fake.animal.dog (eg. "Golden Retriever")
  • fake.animal.fish (eg. "Rainbow Trout")
  • fake.animal.horse (eg. "Thoroughbred Horse")
  • fake.animal.insect (eg. "Butterfly")
  • fake.animal.lion (eg. "African Lion")
  • fake.animal.rabbit (eg. "Holland Lop")
  • fake.animal.rodent (eg. "Squirrel")
  • fake.animal.snake (eg. "Python")
  • fake.animal.type (eg. "Mammal")

Colors ​

  • fake.color.cmyk (eg. "cmyk(24, 56, 100, 3)")
  • fake.color.hsl (eg. "hsl(187, 72%, 34%)")
  • fake.color.human (eg. "DarkGreen")
  • fake.color.hwb (eg. "hwb(333, 14%, 0%)")
  • fake.color.lab (eg. "lab(57.54, -70.17, 56.39)")
  • fake.color.lch (eg. "lch(57.54, 92.94, 146.21)")
  • fake.color.rgb (eg. "rgb(32, 178, 170)")
  • fake.color.space (eg. "rgb(255, 99, 71)")

Commerce ​

  • fake.commerce.department (eg. "Electronics")
  • fake.commerce.price (eg. "$349.99")
  • fake.commerce.product (eg. "Smartphone")
  • fake.commerce.productAdjective (eg. "Sleek")
  • fake.commerce.productDescription (eg. "This smartphone features a high-resolution display and a powerful processor.")
  • fake.commerce.productMaterial (eg. "Leather")
  • fake.commerce.productName (eg. "Wireless Headphones")

Company ​

  • fake.company.name (eg. "Acme Corporation")
  • fake.company.buzzAdjective (eg. "Dynamic")
  • fake.company.buzzNoun (eg. "Solutions")
  • fake.company.buzzPhrase (eg. "Empowering Success")
  • fake.company.buzzVerb (eg. "Transform")
  • fake.company.catchPhrase (eg. "Innovate Your Tomorrow")
  • fake.company.catchPhraseAdjective (eg. "Revolutionary")
  • fake.company.catchPhraseDescriptor (eg. "Cutting-edge")
  • fake.company.catchPhraseNoun (eg. "Solutions")

Database ​

  • fake.database.collation (eg. "utf8_general_ci")
  • fake.database.column (eg. "email")
  • fake.database.engine (eg. "InnoDB")
  • fake.database.mongodbObjectId (eg. "5f16bf99ae900e001f8b9bb5")
  • fake.database.type (eg. "NoSQL")

Date ​

  • fake.date.anytime (eg. "Sat Apr 29 2023 01:25:14 GMT+0000 (Coordinated Universal Time)")
  • fake.date.birthdate (eg. "1995-09-15")
  • fake.date.future (eg. "2025-06-28")
  • fake.date.month (eg. "June")
  • fake.date.past (eg. "2002-03-10")
  • fake.date.recent (eg. "Sun Jul 09 2023 08:18:43 GMT+0000 (Coordinated Universal Time)")
  • fake.date.soon (eg. "2023-07-26")
  • fake.date.weekday (eg. "Tuesday")

Finance ​

  • fake.finance.accountName (eg. "John Doe")
  • fake.finance.accountNumber (eg. "98765432")
  • fake.finance.amount (eg. "$1234.56")
  • fake.finance.bic (eg. "GENODEF1M04")
  • fake.finance.bitcoinAddress (eg. "1BvBMSEYstWetqTFn5Au4m4GFg7xJaNVN2")
  • fake.finance.creditCardCVV (eg. "123")
  • fake.finance.creditCardIssuer (eg. "Visa")
  • fake.finance.creditCardNumber (eg. "4929272040382633")
  • fake.finance.currencyCode (eg. "USD")
  • fake.finance.currencyName (eg. "Euro")
  • fake.finance.currencySymbol (eg. "$")
  • fake.finance.ethereumAddress (eg. "0x742d35Cc6634C0532925a3b844Bc454e4438f44e")
  • fake.finance.iban (eg. "DE89370400440532013000")
  • fake.finance.litecoinAddress (eg. "LhWZkm3ZR1vuztrbNnFo4VLrqfUEKGZWEd")
  • fake.finance.maskedNumber (eg. "************1234")
  • fake.finance.pin (eg. "1234")
  • fake.finance.routingNumber (eg. "021000021")
  • fake.finance.transactionDescription (eg. "Payment for services")
  • fake.finance.transactionType (eg. "Credit")

Git ​

  • fake.git.branch (eg. "feature/add-new-feature")
  • fake.git.commitDate (eg. "2023-07-24T10:15:37")
  • fake.git.commitEntry (eg. "Merge pull request #42")
  • fake.git.commitMessage (eg. "Fix issue with authentication")
  • fake.git.commitSha (eg. "d86fe8f1e64870ecf89b961631f8c63eade26ca0")

Hacker ​

  • fake.hacker.abbreviation (eg. "SQL")
  • fake.hacker.adjective (eg. "cyber")
  • fake.hacker.ingverb (eg. "hacking")
  • fake.hacker.noun (eg. "firewall")
  • fake.hacker.phrase (eg. "Encrypt everything!")
  • fake.hacker.verb (eg. "hack")

Internet ​

  • fake.internet.color (eg. "#ff5733")
  • fake.internet.displayName (eg. "JohnDoe87")
  • fake.internet.domainName (eg. "example.com")
  • fake.internet.domainSuffix (eg. ".net")
  • fake.internet.domainWord (eg. "web")
  • fake.internet.email (eg. "[email protected]")
  • fake.internet.emoji (eg. "😄")
  • fake.internet.exampleEmail (eg. "[email protected]")
  • fake.internet.httpMethod (eg. "GET")
  • fake.internet.httpStatusCode (eg. "200")
  • fake.internet.ip (eg. "192.168.0.1")
  • fake.internet.ipv4 (eg. "192.0.2.1")
  • fake.internet.ipv6 (eg. "2001:0db8:85a3:0000:0000:8a2e:0370:7334")
  • fake.internet.mac (eg. "00:1a:2b:3c:4d:5e")
  • fake.internet.password (eg. "P@ssw0rd123")
  • fake.internet.port (eg. "8080")
  • fake.internet.protocol (eg. "https")
  • fake.internet.url (eg. "https://www.example.com")
  • fake.internet.userAgent (eg. "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.3")
  • fake.internet.userName (eg. "johndoe123")

Location ​

  • fake.location.buildingNumber (eg. "123")
  • fake.location.cardinalDirection (eg. "North")
  • fake.location.city (eg. "New York")
  • fake.location.country (eg. "United States")
  • fake.location.countryCode (eg. "US")
  • fake.location.county (eg. "Los Angeles County")
  • fake.location.direction (eg. "Southwest")
  • fake.location.latitude (eg. "40.7128")
  • fake.location.longitude (eg. "-74.0060")
  • fake.location.nearbyGPSCoordinate (eg. "40.7128, -74.0060")
  • fake.location.ordinalDirection (eg. "Northeast")
  • fake.location.secondaryAddress (eg. "Apt. 2B")
  • fake.location.state (eg. "California")
  • fake.location.street (eg. "Main Street")
  • fake.location.streetAddress (eg. "123 Main Street")
  • fake.location.timeZone (eg. "America/New_York")
  • fake.location.zipCode (eg. "10001")

Lorem ​

  • fake.lorem.lines (eg. "Lorem ipsum dolor sit amet, consectetur adipiscing elit.")
  • fake.lorem.paragraph (eg. "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod ligula a dui tincidunt, sit amet euismod metus tristique.")
  • fake.lorem.paragraphs (eg. "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod ligula a dui tincidunt, sit amet euismod metus tristique.\n\nPhasellus posuere massa vitae dui iaculis, sit amet tincidunt mauris eleifend. Vivamus vel dolor vel justo posuere egestas nec id nunc.")
  • fake.lorem.sentence (eg. "Lorem ipsum dolor sit amet.")
  • fake.lorem.sentences (eg. "Lorem ipsum dolor sit amet. Consectetur adipiscing elit. Sed euismod ligula a dui tincidunt.")
  • fake.lorem.slug (eg. "lorem-ipsum-dolor")
  • fake.lorem.text (eg. "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod ligula a dui tincidunt, sit amet euismod metus tristique. Phasellus posuere massa vitae dui iaculis, sit amet tincidunt mauris eleifend. Vivamus vel dolor vel justo posuere egestas nec id nunc.")
  • fake.lorem.word (eg. "Lorem")
  • fake.lorem.words (eg. "Lorem ipsum dolor sit amet")

Music ​

  • fake.music.genre (eg. "Rock")
  • fake.music.songName (eg. "Bohemian Rhapsody")

Number ​

  • fake.number.bigInt (eg. "12345678901234567890")
  • fake.number.binary (eg. "10101010")
  • fake.number.float (eg. "3.14")
  • fake.number.hex (eg. "1a4")
  • fake.number.int (eg. "42")
  • fake.number.octal (eg. "52")

Person ​

  • fake.person.bio (eg. "software engineer with a passion for technology and coding.")
  • fake.person.firstName (eg. "John")
  • fake.person.fullName (eg. "John Doe")
  • fake.person.gender (eg. "Male")
  • fake.person.jobArea (eg. "Information Technology")
  • fake.person.jobDescriptor (eg. "Senior")
  • fake.person.jobTitle (eg. "Software Engineer")
  • fake.person.jobType (eg. "Full-Time")
  • fake.person.lastName (eg. "Doe")
  • fake.person.middleName (eg. "Michael")
  • fake.person.prefix (eg. "Mr.")
  • fake.person.sex (eg. "Male")
  • fake.person.sexType (eg. "M")
  • fake.person.suffix (eg. "Jr.")
  • fake.person.zodiacSign (eg. "Virgo")

Phone ​

  • fake.phone.number (eg. "+1 (555) 123-4567")
  • fake.phone.imei (eg. "351756052471134")

String ​

  • fake.string.binary (eg. "10101100")
  • fake.string.hexadecimal (eg. "1a4f")
  • fake.string.alpha (eg. "abcXYZ")
  • fake.string.alphanumeric (eg. "abcXYZ123")
  • fake.string.nanoid (eg. "a1B2c3D4")
  • fake.string.numeric (eg. "123456")
  • fake.string.octal (eg. "147")
  • fake.string.sample (eg. "Lorem ipsum dolor sit amet, consectetur adipiscing elit.")
  • fake.string.symbol (eg. "!@#$%^&*")
  • fake.string.uuid (eg. "6ba7b810-9dad-11d1-80b4-00c04fd430c8")

System ​

  • fake.system.commonFileExt (eg. "txt")
  • fake.system.commonFileName (eg. "data")
  • fake.system.commonFileType (eg. "text")
  • fake.system.cron (eg. "0 * * * *")
  • fake.system.directoryPath (eg. "/home/user/Documents")
  • fake.system.fileExt (eg. "js")
  • fake.system.fileName (eg. "script")
  • fake.system.filePath (eg. "/home/user/Documents/script.js")
  • fake.system.fileType (eg. "application/javascript")
  • fake.system.mimeType (eg. "text/plain")
  • fake.system.networkInterface (eg. "eth0")
  • fake.system.semver (eg. "2.1.0")

Vehicle ​

  • fake.vehicle.bicycle (eg. "Mountain Bike")
  • fake.vehicle.color (eg. "Red")
  • fake.vehicle.fuel (eg. "Gasoline")
  • fake.vehicle.manufacturer (eg. "Toyota")
  • fake.vehicle.model (eg. "Camry")
  • fake.vehicle.type (eg. "Sedan")
  • fake.vehicle.vehicle (eg. "Toyota Camry")
  • fake.vehicle.vin (eg. "1HGCM82633A123456")
  • fake.vehicle.vrm (eg. "ABC123")

Word ​

  • fake.word.adjective (eg. "beautiful")
  • fake.word.adverb (eg. "quickly")
  • fake.word.conjunction (eg. "and")
  • fake.word.interjection (eg. "wow")
  • fake.word.noun (eg. "house")
  • fake.word.preposition (eg. "under")
  • fake.word.words (eg. "Lorem ipsum")
  • fake.word.sample (eg. "Lorem ipsum dolor sit amet")
  • fake.word.verb (eg. "run")