fts extractor

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.