플레이스홀더 콘텐츠 사용하기

CopyDoc 콘텐츠 라이브러리 패널의 Placeholders 탭에서 다양한 플레이스홀더 텍스트를 그대로 Figma 텍스트 레이어에 적용하거나, 동적 플레이스홀더 텍스트를 직접 만든 텍스트 스니펫에 섞어 쓸 수 있어요.

영상 튜토리얼: Figma에 실제 같은 플레이스홀더 텍스트 추가하기(영어)

이 영상에서는 CopyDoc 플러그인으로 Figma에 실제 같은 플레이스홀더 텍스트 콘텐츠를 추가하는 방법을 보여 줘요.

플레이스홀더 콘텐츠 바로 추가하기 ​

Placeholders 탭에서 여러 플레이스홀더 카테고리의 “가짜” 콘텐츠 스니펫을 둘러볼 수 있어요. 언어를 선택해 일부 콘텐츠(예: 이름, 장소 등)를 현지화할 수도 있어요.

플레이스홀더 이름 버튼(예: “First Name”)을 클릭해 선택한 Figma 텍스트 레이어에 적용할 수 있어요. 또는 단축 이름 앞에 슬래시 두 개를 붙여 플레이스홀더의 트리거 단축키를 Figma 텍스트 레이어에 바로 복사해 붙여 넣거나 직접 입력해도 돼요(예: //fake.person.firstName).

플레이스홀더 트리거는 CopyDoc의 다른 기능에서도 쓸 수 있어요. 텍스트 확장 스니펫은 Figma 텍스트 레이어의 콘텐츠가 업데이트될 때 스니펫을 자동으로 감지해 작동해요. 그래서 CopyDoc의 다른 텍스트 레이어 업데이트 방법(예: 찾아 바꾸기, CSV/XLSX 일괄 가져오기, Google Sheets 동기화)을 사용할 때도 플레이스홀더 트리거 단축키를 쓸 수 있어요. 업데이트할 콘텐츠에 트리거 이름을 넣기만 하면 돼요. for example, Hello //fake.person.firstName, how it's going?

텍스트 스니펫에 동적 플레이스홀더 섞어 쓰기 ​

저장된 스니펫 안에서 플레이스홀더를 사용하려면 스니펫 텍스트에 단축 이름을 넣고 양쪽을 중괄호로 감싸세요.

더 쉽게 하려면 Show Placeholder Shortcuts 토글을 켜서 기본 제공 플레이스홀더 단축키 선택기를 사용하세요. 플레이스홀더 단축키를 둘러보고 텍스트 스니펫에 자동으로 추가할 수 있어요.

스니펫을 저장한 뒤에는 다른 사용자 지정 텍스트 스니펫과 똑같은 방식으로 사용할 수 있어요. 텍스트 레이어에 적용하거나 텍스트 확장 기능으로 사용하면 돼요.

사용자 지정 혼합 콘텐츠 예시 ​

다음은 스니펫에서 플레이스홀더와 사용자 지정 텍스트를 섞어 쓰는 실용적인 예시예요.

인사말 템플릿:

Hello {{fake.person.firstName}}, welcome to our service!

제품 설명:

This {{fake.commerce.productAdjective}} {{fake.commerce.product}} is made from {{fake.commerce.productMaterial}} and costs {{fake.commerce.price}}.

사용자 인터페이스 문구:

{{fake.person.fullName}} joined {{fake.company.name}} as a {{fake.person.jobTitle}} in the {{fake.company.department}} department.

위치 기반 콘텐츠:

Visit our store at {{fake.location.streetAddress}}, {{fake.location.city}}, {{fake.location.state}} {{fake.location.zipCode}}.

플레이스홀더가 들어 있는 스니펫을 적용할 때마다 콘텐츠가 무작위로 생성되므로, 매번 새롭고 실제 같은 콘텐츠를 얻을 수 있어요. 비슷한 컴포넌트 여러 개를 다양한 데이터로 채울 때 특히 유용해요.

플레이스홀더 단축키 레퍼런스 ​

아래는 모든 플레이스홀더 단축키의 전체 목록이에요. 단축키를 이중 중괄호 사이에 넣어 사용자 지정 텍스트 스니펫의 일부로 사용하거나, 텍스트 레이어를 편집하면서 단축키 앞에 슬래시 두 개를 붙여 바로 입력할 수 있어요(예: //fake.person.firstName).

항공 ​

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

동물 ​

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

색상 ​

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

상거래 ​

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

회사 ​

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

데이터베이스 ​

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

날짜 ​

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

금융 ​

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

Git ​

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

해커 ​

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

인터넷 ​

  • fake.internet.color (예: "#ff5733")
  • fake.internet.displayName (예: "JohnDoe87")
  • fake.internet.domainName (예: "example.com")
  • fake.internet.domainSuffix (예: ".net")
  • fake.internet.domainWord (예: "web")
  • fake.internet.email (예: "[email protected]")
  • fake.internet.emoji (예: "😄")
  • fake.internet.exampleEmail (예: "[email protected]")
  • fake.internet.httpMethod (예: "GET")
  • fake.internet.httpStatusCode (예: "200")
  • fake.internet.ip (예: "192.168.0.1")
  • fake.internet.ipv4 (예: "192.0.2.1")
  • fake.internet.ipv6 (예: "2001:0db8:85a3:0000:0000:8a2e:0370:7334")
  • fake.internet.mac (예: "00:1a:2b:3c:4d:5e")
  • fake.internet.password (예: "P@ssw0rd123")
  • fake.internet.port (예: "8080")
  • fake.internet.protocol (예: "https")
  • fake.internet.url (예: "https://www.example.com")
  • fake.internet.userAgent (예: "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 (예: "johndoe123")

위치 ​

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

Lorem ​

  • fake.lorem.lines (예: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.")
  • fake.lorem.paragraph (예: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod ligula a dui tincidunt, sit amet euismod metus tristique.")
  • fake.lorem.paragraphs (예: "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 (예: "Lorem ipsum dolor sit amet.")
  • fake.lorem.sentences (예: "Lorem ipsum dolor sit amet. Consectetur adipiscing elit. Sed euismod ligula a dui tincidunt.")
  • fake.lorem.slug (예: "lorem-ipsum-dolor")
  • fake.lorem.text (예: "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 (예: "Lorem")
  • fake.lorem.words (예: "Lorem ipsum dolor sit amet")

음악 ​

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

숫자 ​

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

인물 ​

  • fake.person.bio (예: "기술과 코딩에 열정이 있는 소프트웨어 엔지니어.")
  • fake.person.firstName (예: "John")
  • fake.person.fullName (예: "John Doe")
  • fake.person.gender (예: "Male")
  • fake.person.jobArea (예: "Information Technology")
  • fake.person.jobDescriptor (예: "Senior")
  • fake.person.jobTitle (예: "Software Engineer")
  • fake.person.jobType (예: "Full-Time")
  • fake.person.lastName (예: "Doe")
  • fake.person.middleName (예: "Michael")
  • fake.person.prefix (예: "Mr.")
  • fake.person.sex (예: "Male")
  • fake.person.sexType (예: "M")
  • fake.person.suffix (예: "Jr.")
  • fake.person.zodiacSign (예: "Virgo")

전화 ​

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

문자열 ​

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

시스템 ​

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

차량 ​

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

단어 ​

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