Plugin Preview
About this plugin
Tabbed JSON Viewer for Figma
Transform your text variables into JSON format required by i18n libraries for language translations directly within Figma!
How It Works
Prepare Your Variables: Ensure your variable collections are correctly named i18n in Figma. This is crucial for the plugin to identify and process the variables meant for internationalization.
Fetch Variables: Click on the Get Variables button to automatically fetch and transform your project's i18n variables into a structured JSON format.
View and Copy: The plugin conveniently displays your variables in a tabbed interface, organized by language. Simply select the desired language tab to view the JSON output. Use the copy button to copy the JSON to your clipboard for easy integration into your i18n workflow.
Clear JSON: Want to start over or clean up? Click Clear JSON to reset the output area.
Features
Easy-to-use Interface: A user-friendly UI with a tabbed display allows for seamless navigation and operation.
Efficient Variable Conversion: Quickly converts your Figma text variables into i18n-compatible JSON.
Flexible Copy Options: Copy individual languages or the entire JSON output with a single click.
Getting Started
To get started, ensure your variable collections within Figma are named i18n. This naming convention is essential for the plugin to recognize and process your text variables for translation. Once set up, click on the Get Variables button to convert and view your variables in JSON format.
Whether you're developing multilingual designs or working on international projects, this plugin simplifies the translation process by seamlessly integrating with your i18n libraries.
Enhance your design workflow and embrace global accessibility with the Tabbed JSON Viewer for Figma.
Note: This plugin is an independent tool designed to facilitate the conversion of text variables to JSON for i18n libraries. It is not an official i18n plugin or affiliated with any official i18n library developers.
Plugin Details
Version | 2 |
---|---|
Created | March 21, 2024 |
Last Updated | March 24, 2024 |
Category | Accessibility tools |
Creator | Eduardo Barroso |
Stats | 6 installs, 4 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:./dist/newCode.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Accessibility tools category.