Smart Data
Smart data inserts data from a JSON file or random data according to the layer name. How to insert data from JSON: 1. Prepare a JSON file 2. Drop the file into the plugin window 3. Rename layers on a canvas according to the JSON file 4. Select a frame 5. Paste data To place an image on the canvas you need to insert to the JSON file URL to the image. Images insert only in rectangle and ellipse types of nodes. How to insert a random data 1. Rename your text layers. For example, to insert the random email address you need to rename your text layer "email" 2. Select a frame 3. Run plugin Smart Data supports next random fields: name email weekday phone movie address time email date food number price emoji Document with example https://www.figma.com/file/Y9WzkjOzCw4dpNjNLODixY/Smart-Data-example?node-id=0%3A1
Plugin Preview
About this plugin
Smart data inserts data from a JSON file or random data according to the layer name. How to insert data from JSON: 1. Prepare a JSON file 2. Drop the file into the plugin window 3. Rename layers on a canvas according to the JSON file 4. Select a frame 5. Paste data To place an image on the canvas you need to insert to the JSON file URL to the image. Images insert only in rectangle and ellipse types of nodes. How to insert a random data 1. Rename your text layers. For example, to insert the random email address you need to rename your text layer "email" 2. Select a frame 3. Run plugin Smart Data supports next random fields: name email weekday phone movie address time email date food number price emoji Document with example https://www.figma.com/file/Y9WzkjOzCw4dpNjNLODixY/Smart-Data-example?node-id=0%3A1
Plugin Details
Version | 9 |
---|---|
Created | September 6, 2019 |
Last Updated | January 2, 2020 |
Category | Software development |
Creator | grisha |
Stats | 2787 installs, 65 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI