Back to Plugins
fts extractor

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 &gt; fts extractor &gt;</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: &nbsp;card_details: Card Details &nbsp;mastercard: &nbsp;&nbsp;eden_hazard: Eden Hazard &nbsp;&nbsp;k_4754: '4754' &nbsp;&nbsp;k_3243: '3243' &nbsp;&nbsp;k_25000_aed: 25000 AED &nbsp;payment_details: ' Payment details' &nbsp;holder_name: Holder name &nbsp;card_number: Card number &nbsp;coupon_promo_code: coupon/ promo code &nbsp;m_m_yy: MM/YY &nbsp;cvv: CVV &nbsp;button_s_primary_default: &nbsp;&nbsp;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>

flutter_translator_sheetexport yamlexport jsonextract textextract stringsfts exporterftscode-generators

Plugin Preview

fts extractor 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

Version1
CreatedAugust 6, 2021
Last UpdatedAugust 6, 2021
CategorySoftware development
CreatorRodrigo López
Stats376 installs, 17 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:plugin.js