Video Tutorial: Add realistic placeholder text content in Figma
This video walks through how to add realistic placeholder text content in Figma using the CopyDoc plugin.
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 (for example, names, places etc).
You can either click on the placeholder name (for example, "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 (for example, //fake.person.firstName)
You can use your placeholder triggers in other CopyDoc features. The text expander snippet works by automatically detecting the snippet when a Figma text layer's content is updated, which means that you can use your placeholder trigger shortcuts when using CopyDoc's other text layer update methods (for example, find and replace, bulk CSV/XLSX imports, and Google Sheet sync). Just use the trigger name as part of your updated content for example, Hello //fake.person.firstName, how it's going?
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.
Creating Custom Mixed Content Examples
Here are some practical examples of mixing placeholders with custom text in your snippets:
Greeting Templates:
Hello {{fake.person.firstName}}, welcome to our service!Product Descriptions:
This {{fake.commerce.productAdjective}} {{fake.commerce.product}} is made from {{fake.commerce.productMaterial}} and costs {{fake.commerce.price}}.User Interface Copy:
{{fake.person.fullName}} joined {{fake.company.name}} as a {{fake.person.jobTitle}} in the {{fake.company.department}} department.Location-based Content:
Visit our store at {{fake.location.streetAddress}}, {{fake.location.city}}, {{fake.location.state}} {{fake.location.zipCode}}.Each time you apply a snippet with placeholders, the content will be randomly generated, giving you fresh, realistic content for every use. This is particularly useful for populating multiple similar components with varied data.
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 (for example, //fake.person.firstName)
Airlines
fake.airline.aircraftType(for example, "Airbus A320")fake.airline.airline(for example, "Delta Airlines")fake.airline.airplane(for example, "Boeing 747")fake.airline.airport(for example, "John F. Kennedy International Airport")fake.airline.flightNumber(for example, "DL123")fake.airline.recordLocator(for example, "ABC123")fake.airline.seat(for example, "21A")
Animals
fake.animal.bear(for example, "Grizzly Bear")fake.animal.bird(for example, "Blue Jay")fake.animal.cat(for example, "Siamese Cat")fake.animal.cetacean(for example, "Bottlenose Dolphin")fake.animal.cow(for example, "Holstein Cow")fake.animal.crocodilia(for example, "American Alligator")fake.animal.dog(for example, "Golden Retriever")fake.animal.fish(for example, "Rainbow Trout")fake.animal.horse(for example, "Thoroughbred Horse")fake.animal.insect(for example, "Butterfly")fake.animal.lion(for example, "African Lion")fake.animal.rabbit(for example, "Holland Lop")fake.animal.rodent(for example, "Squirrel")fake.animal.snake(for example, "Python")fake.animal.type(for example, "Mammal")
Colors
fake.color.cmyk(for example, "cmyk(24, 56, 100, 3)")fake.color.hsl(for example, "hsl(187, 72%, 34%)")fake.color.human(for example, "DarkGreen")fake.color.hwb(for example, "hwb(333, 14%, 0%)")fake.color.lab(for example, "lab(57.54, -70.17, 56.39)")fake.color.lch(for example, "lch(57.54, 92.94, 146.21)")fake.color.rgb(for example, "rgb(32, 178, 170)")fake.color.space(for example, "rgb(255, 99, 71)")
Commerce
fake.commerce.department(for example, "Electronics")fake.commerce.price(for example, "$349.99")fake.commerce.product(for example, "Smartphone")fake.commerce.productAdjective(for example, "Sleek")fake.commerce.productDescription(for example, "This smartphone features a high-resolution display and a powerful processor.")fake.commerce.productMaterial(for example, "Leather")fake.commerce.productName(for example, "Wireless Headphones")
Company
fake.company.name(for example, "Acme Corporation")fake.company.buzzAdjective(for example, "Dynamic")fake.company.buzzNoun(for example, "Solutions")fake.company.buzzPhrase(for example, "Empowering Success")fake.company.buzzVerb(for example, "Transform")fake.company.catchPhrase(for example, "Innovate Your Tomorrow")fake.company.catchPhraseAdjective(for example, "Revolutionary")fake.company.catchPhraseDescriptor(for example, "Cutting-edge")fake.company.catchPhraseNoun(for example, "Solutions")
Database
fake.database.collation(for example, "utf8_general_ci")fake.database.column(for example, "email")fake.database.engine(for example, "InnoDB")fake.database.mongodbObjectId(for example, "5f16bf99ae900e001f8b9bb5")fake.database.type(for example, "NoSQL")
Date
fake.date.anytime(for example, "Sat Apr 29 2023 01:25:14 GMT+0000 (Coordinated Universal Time)")fake.date.birthdate(for example, "1995-09-15")fake.date.future(for example, "2025-06-28")fake.date.month(for example, "June")fake.date.past(for example, "2002-03-10")fake.date.recent(for example, "Sun Jul 09 2023 08:18:43 GMT+0000 (Coordinated Universal Time)")fake.date.soon(for example, "2023-07-26")fake.date.weekday(for example, "Tuesday")
Finance
fake.finance.accountName(for example, "John Doe")fake.finance.accountNumber(for example, "98765432")fake.finance.amount(for example, "$1234.56")fake.finance.bic(for example, "GENODEF1M04")fake.finance.bitcoinAddress(for example, "1BvBMSEYstWetqTFn5Au4m4GFg7xJaNVN2")fake.finance.creditCardCVV(for example, "123")fake.finance.creditCardIssuer(for example, "Visa")fake.finance.creditCardNumber(for example, "4929272040382633")fake.finance.currencyCode(for example, "USD")fake.finance.currencyName(for example, "Euro")fake.finance.currencySymbol(for example, "$")fake.finance.ethereumAddress(for example, "0x742d35Cc6634C0532925a3b844Bc454e4438f44e")fake.finance.iban(for example, "DE89370400440532013000")fake.finance.litecoinAddress(for example, "LhWZkm3ZR1vuztrbNnFo4VLrqfUEKGZWEd")fake.finance.maskedNumber(for example, "************1234")fake.finance.pin(for example, "1234")fake.finance.routingNumber(for example, "021000021")fake.finance.transactionDescription(for example, "Payment for services")fake.finance.transactionType(for example, "Credit")
Git
fake.git.branch(for example, "feature/add-new-feature")fake.git.commitDate(for example, "2023-07-24T10:15:37")fake.git.commitEntry(for example, "Merge pull request #42")fake.git.commitMessage(for example, "Fix issue with authentication")fake.git.commitSha(for example, "d86fe8f1e64870ecf89b961631f8c63eade26ca0")
Hacker
fake.hacker.abbreviation(for example, "SQL")fake.hacker.adjective(for example, "cyber")fake.hacker.ingverb(for example, "hacking")fake.hacker.noun(for example, "firewall")fake.hacker.phrase(for example, "Encrypt everything!")fake.hacker.verb(for example, "hack")
Internet
fake.internet.color(for example, "#ff5733")fake.internet.displayName(for example, "JohnDoe87")fake.internet.domainName(for example, "example.com")fake.internet.domainSuffix(for example, ".net")fake.internet.domainWord(for example, "web")fake.internet.email(for example, "[email protected]")fake.internet.emoji(for example, "😄")fake.internet.exampleEmail(for example, "[email protected]")fake.internet.httpMethod(for example, "GET")fake.internet.httpStatusCode(for example, "200")fake.internet.ip(for example, "192.168.0.1")fake.internet.ipv4(for example, "192.0.2.1")fake.internet.ipv6(for example, "2001:0db8:85a3:0000:0000:8a2e:0370:7334")fake.internet.mac(for example, "00:1a:2b:3c:4d:5e")fake.internet.password(for example, "P@ssw0rd123")fake.internet.port(for example, "8080")fake.internet.protocol(for example, "https")fake.internet.url(for example, "https://www.example.com")fake.internet.userAgent(for example, "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(for example, "johndoe123")
Location
fake.location.buildingNumber(for example, "123")fake.location.cardinalDirection(for example, "North")fake.location.city(for example, "New York")fake.location.country(for example, "United States")fake.location.countryCode(for example, "US")fake.location.county(for example, "Los Angeles County")fake.location.direction(for example, "Southwest")fake.location.latitude(for example, "40.7128")fake.location.longitude(for example, "-74.0060")fake.location.nearbyGPSCoordinate(for example, "40.7128, -74.0060")fake.location.ordinalDirection(for example, "Northeast")fake.location.secondaryAddress(for example, "Apt. 2B")fake.location.state(for example, "California")fake.location.street(for example, "Main Street")fake.location.streetAddress(for example, "123 Main Street")fake.location.timeZone(for example, "America/New_York")fake.location.zipCode(for example, "10001")
Lorem
fake.lorem.lines(for example, "Lorem ipsum dolor sit amet, consectetur adipiscing elit.")fake.lorem.paragraph(for example, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod ligula a dui tincidunt, sit amet euismod metus tristique.")fake.lorem.paragraphs(for example, "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(for example, "Lorem ipsum dolor sit amet.")fake.lorem.sentences(for example, "Lorem ipsum dolor sit amet. Consectetur adipiscing elit. Sed euismod ligula a dui tincidunt.")fake.lorem.slug(for example, "lorem-ipsum-dolor")fake.lorem.text(for example, "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(for example, "Lorem")fake.lorem.words(for example, "Lorem ipsum dolor sit amet")
Music
fake.music.genre(for example, "Rock")fake.music.songName(for example, "Bohemian Rhapsody")
Number
fake.number.bigInt(for example, "12345678901234567890")fake.number.binary(for example, "10101010")fake.number.float(for example, "3.14")fake.number.hex(for example, "1a4")fake.number.int(for example, "42")fake.number.octal(for example, "52")
Person
fake.person.bio(for example, "software engineer with a passion for technology and coding.")fake.person.firstName(for example, "John")fake.person.fullName(for example, "John Doe")fake.person.gender(for example, "Male")fake.person.jobArea(for example, "Information Technology")fake.person.jobDescriptor(for example, "Senior")fake.person.jobTitle(for example, "Software Engineer")fake.person.jobType(for example, "Full-Time")fake.person.lastName(for example, "Doe")fake.person.middleName(for example, "Michael")fake.person.prefix(for example, "Mr.")fake.person.sex(for example, "Male")fake.person.sexType(for example, "M")fake.person.suffix(for example, "Jr.")fake.person.zodiacSign(for example, "Virgo")
Phone
fake.phone.number(for example, "+1 (555) 123-4567")fake.phone.imei(for example, "351756052471134")
String
fake.string.binary(for example, "10101100")fake.string.hexadecimal(for example, "1a4f")fake.string.alpha(for example, "abcXYZ")fake.string.alphanumeric(for example, "abcXYZ123")fake.string.nanoid(for example, "a1B2c3D4")fake.string.numeric(for example, "123456")fake.string.octal(for example, "147")fake.string.sample(for example, "Lorem ipsum dolor sit amet, consectetur adipiscing elit.")fake.string.symbol(for example, "!@#$%^&*")fake.string.uuid(for example, "6ba7b810-9dad-11d1-80b4-00c04fd430c8")
System
fake.system.commonFileExt(for example, "txt")fake.system.commonFileName(for example, "data")fake.system.commonFileType(for example, "text")fake.system.cron(for example, "0 * * * *")fake.system.directoryPath(for example, "/home/user/Documents")fake.system.fileExt(for example, "js")fake.system.fileName(for example, "script")fake.system.filePath(for example, "/home/user/Documents/script.js")fake.system.fileType(for example, "application/javascript")fake.system.mimeType(for example, "text/plain")fake.system.networkInterface(for example, "eth0")fake.system.semver(for example, "2.1.0")
Vehicle
fake.vehicle.bicycle(for example, "Mountain Bike")fake.vehicle.color(for example, "Red")fake.vehicle.fuel(for example, "Gasoline")fake.vehicle.manufacturer(for example, "Toyota")fake.vehicle.model(for example, "Camry")fake.vehicle.type(for example, "Sedan")fake.vehicle.vehicle(for example, "Toyota Camry")fake.vehicle.vin(for example, "1HGCM82633A123456")fake.vehicle.vrm(for example, "ABC123")
Word
fake.word.adjective(for example, "beautiful")fake.word.adverb(for example, "quickly")fake.word.conjunction(for example, "and")fake.word.interjection(for example, "wow")fake.word.noun(for example, "house")fake.word.preposition(for example, "under")fake.word.words(for example, "Lorem ipsum")fake.word.sample(for example, "Lorem ipsum dolor sit amet")fake.word.verb(for example, "run")