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 | 376 installs, 17 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.