fts extractor
<p>Extract texts from your designs in a structured format as yaml or json. </p><p><br></p><p>This simple plugin is a complementary tool of <a href="https://pub.dev/packages/flutter_translation_sheet" rel="noreferrer noopener nofollow" target="_blank">flutter translator sheet</a>.</p><p><br></p><h2>Usage:</h2><p><br></p><p>Just select any amount of elements on your canvas (Layers, Pages, Components), and select <strong>Plugins > fts extractor ></strong></p><p>And choose one of the menu options.</p><p><br></p><p>It will generate a structured tree from the Strings found in the selection, based on the document's nodes hierarchy, so you can have a "cleaner" output if you name your layers properly.</p><p><br></p><p>The layers represents the <em>field names</em> in the yaml / json output. They are sanitized for illegal characters, spaces, and normalized in <em>snake_case</em> style.</p><p><br></p><p>Here's an example of the type of output you can get:</p><p><br></p><pre class="ql-syntax" spellcheck="false">payment_details: card_details: Card Details mastercard: eden_hazard: Eden Hazard k_4754: '4754' k_3243: '3243' k_25000_aed: 25000 AED payment_details: ' Payment details' holder_name: Holder name card_number: Card number coupon_promo_code: coupon/ promo code m_m_yy: MM/YY cvv: CVV button_s_primary_default: confirm: Confirm </pre><p><br></p><p><br></p><p>The idea is that you modify this file as needed to use as <em>master template</em> in <a href="https://pub.dev/packages/flutter_translation_sheet" rel="noreferrer noopener nofollow" target="_blank">fts cli</a>.</p><p><br></p><p>So, power-up your Flutter development flow on internationalization, using <strong>flutter translator sheet</strong>, <strong>Figma</strong> and the <strong>fts extractor</strong> plugin.</p>
Plugin Preview
About this plugin
Extract texts from your designs in a structured format as yaml or json.
This simple plugin is a complementary tool of flutter translator sheet.
Usage:
Just select any amount of elements on your canvas (Layers, Pages, Components), and select Plugins > fts extractor >
And choose one of the menu options.
It will generate a structured tree from the Strings found in the selection, based on the document's nodes hierarchy, so you can have a "cleaner" output if you name your layers properly.
The layers represents the field names in the yaml / json output. They are sanitized for illegal characters, spaces, and normalized in snake_case style.
Here's an example of the type of output you can get:
payment_details: card_details: Card Details mastercard: eden_hazard: Eden Hazard k_4754: '4754' k_3243: '3243' k_25000_aed: 25000 AED payment_details: ' Payment details' holder_name: Holder name card_number: Card number coupon_promo_code: coupon/ promo code m_m_yy: MM/YY cvv: CVV button_s_primary_default: confirm: Confirm
The idea is that you modify this file as needed to use as master template in fts cli.
So, power-up your Flutter development flow on internationalization, using flutter translator sheet, Figma and the fts extractor plugin.
Plugin Details
Version | 1 |
---|---|
Created | August 6, 2021 |
Last Updated | August 6, 2021 |
Category | Software development |
Creator | Rodrigo López |
Stats | 379 installs, 18 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:plugin.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
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.