0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100
Figma plugin#18 in Developers

JSON to Figma Import

Generate Figma components from Figma file JSON

by 1337bytes

users
32K
likes
144
saves
2.4K
comments
7
Open in Figma
FreeWorks inFigma DesignFigJam
Price
Free
Latest version
v8 · Oct 22, 2024
First published
Jul 19, 2024
Publisher
1337bytes
On this page
Overview

About JSON to Figma Import

JSON to Figma Import is a free Figma plugin published by 1337bytes in 2024. It works in Figma Design and FigJam and has 32,176 users and 144 likes on the Figma Community. It ranks #18 in Developers on our lists.

In the developer's words

Import Figma designs from Figma file JSON exports from plugins such as https://github.com/liaobinbin/fig-to-json or the Figma REST API file export.

Source code: https://github.com/elemental-design/react-figmaapp/tree/master/examples/basic-figma

Changelog

What's new

Version 8 · released Oct 22, 2024

  • ["- 4fcb446: add support for figma rest json"]
Trust

Permissions and privacy

Network access

JSON to Figma Import declares no network access, so it runs entirely inside Figma and can't send your file anywhere.

Extra permissions

None beyond the standard access to the file you run it in.

Read from the plugin's published manifest.

Rankings

Where JSON to Figma Import ranks

Compare

JSON to Figma Import alternatives

  1. 1

    Zeplin

    by Zeplin Crew

    291K users2.9KFree + paid features

    Design tools are for designing. Zeplin is for clear, structured design delivery.

    View details
  2. 2

    Inspect Styles

    by max.denaro

    136K users3.9KFree

    Inspect styles from Figma and transform to CSS

    View details
  3. 3

    DesignDoc [Spectral]: Measures, Annotations, and Handoff

    by Marka Plugin Dev

    132K users3KFree

    📐 Effortlessly hand off your Figma designs to the development team

    View details
  4. 4

    Figma Exporter

    by JerryKhw

    112K users490Free

    Easily export assets as PNG/JPG/WebP/SVG/PDF for Web, Android, Flutter, iOS, React Native

    View details
  5. 5

    Tailwind CSS Color Generator

    by Erik de Vries

    108K users3.6KFree

    Create custom Tailwind CSS color scales based on a given Hex code or HSL color

    View details
  6. 6

    Jira

    by Figma Community

    81K users552Free

    Connect Figma Designs to Jira Issues

    View details
FAQ

JSON to Figma Import FAQ

What does JSON to Figma Import do?

Generate Figma components from Figma file JSON. It's a Figma plugin by 1337bytes that runs in Figma Design and FigJam.

Is JSON to Figma Import free?

Yes. JSON to Figma Import is free to install and run from the Figma Community, with no paid tier listed.

Is JSON to Figma Import safe to use?

Figma plugins can only reach the internet through domains listed in their manifest. JSON to Figma Import declares no network access, so it runs entirely inside Figma and can't send your file anywhere. As with any plugin, check the developer's privacy policy before using it on client work.

How do I install JSON to Figma Import?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to JSON to Figma Import?

By user count, the closest alternatives are Zeplin, Inspect Styles and [DesignDoc [Spectral]: Measures, Annotations, and Handoff](/plugins/designdoc-spectral-measures-annotations-and-handoff/). Compare all of them on the best Figma plugins for developers.

For developers

Built this plugin?

Use this page as a landing page for JSON to Figma Import: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

JSON to Figma Import on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/json-to-figma-import/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="JSON to Figma Import on figmaplugins.co" width="220" height="48"></a>