FIGMAJSON

About this plugin

To use:

1. Match your layer names exactly to your keys inside of your JSON file.
2. Select the outermost frame/group of the text layers.
3. Upload your JSON file.
4. Select all of the keys you want to populate your component with.
5. Hit apply!

If you run into any issues, email [email protected].

Example JSON file structure:

[
  {
    "name": "Salvador Dalí",
    "birth_year": 1904,
    "death_year": 1989,
    "nationality": "Spanish",
    "famous_work": "The Persistence of Memory",
    "style": "Surrealism"
  },
  {
    "name": "René Magritte",
    "birth_year": 1898,
    "death_year": 1967,
    "nationality": "Belgian",
    "famous_work": "The Son of Man",
    "style": "Surrealism"
  },
  {
    "name": "Joan Miró",
    "birth_year": 1893,
    "death_year": 1983,
    "nationality": "Spanish",
    "famous_work": "The Birth of the World",
    "style": "Surrealism"
  },
  {
    "name": "Max Ernst",
    "birth_year": 1891,
    "death_year": 1976,
    "nationality": "German",
    "famous_work": "The Elephant Celebes",
    "style": "Surrealism"
  },
  {
    "name": "André Breton",
    "birth_year": 1896,
    "death_year": 1966,
    "nationality": "French",
    "famous_work": "Manifesto of Surrealism",
    "style": "Surrealism"
  }
]