Back to Plugins
FIGMAJSON

FIGMAJSON

Easily populate Figma content with JSON data.

convertworkflowjson datajsonpopulateautomate

Plugin Preview

FIGMAJSON preview

About this plugin

To use:Match your layer names exactly to your keys inside of your JSON file.Select the outermost frame/group of the text layers.Upload your JSON file.Select all of the keys you want to populate your component with.Hit apply!If you run into any issues, email [email protected] 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" } ]

Plugin Details

Version2
CreatedApril 28, 2024
Last UpdatedMay 22, 2024
Categoryediting & effects plugins
CreatorTyler
Stats15 installs, 3 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://images.squarespace-cdn.com
    • https://images.unsplash.com