The Figma Dev Mode plugin is available only on our premium plans, and does not require developers to have Frontitude seats
This plugin provides developers a read-only view to access content and metadata from Frontitude directly within Figma's Dev Mode, streamlining the handoff process. To modify content and metadata, switch to the Frontitude plugin in design mode.
Requirements
- Dev Mode is turned on in Figma.
- You're subscribed for one of our premium plans.
- The selected text in Figma synced at least once with Frontitude.
Using the plugin in Dev Mode
If it's the first time you use the Frontitude plugin in Figma, follow these steps:
- In Figma, switch to Dev Mode.
- In the right panel, open the Plugins tab.
- Search for Frontitude • UX Content Management and click Run.
- Return to the Inspect tab.
- Select any text elements in Figma that is synced with Frontitude.
- View the relevant content and metadata in the Inspect tab under the Code section.
In case you used the plugin before:
- In Figma, switch to Dev Mode.
- In the right panel, open the Inspect tab.
- Make sure no element is selected, and under Code settings, select Frontitude from the Language dropdown list.
- Select a text that is synced to Frontitude.
- View the relevant content and metadata in the Inspect tab under the Code section.
Available content and metadata
Source language content
Once a Frontitude text is selected in Figma, its latest revision is displayed.
Translations
When defined, translations for the selected text are shown. If there is no translation for a text in a particular language, it will not display anything.
Variables
Content in the Inspect tab is displayed in its raw form, including variables.
Plurals
If plural forms are defined for the selected text, all of them will be displayed in separate sections.
Unique key
If the unique key property is specified, it is displayed here. If not, an auto-generated key is created using the pattern: frontitude-<UUID> (persistent).
Status
Next to each content section, a colorful emoji is presented to indicate the content status in Frontitude, which could be one of these:
- (No emoji) New
- 🟡 Draft
- 🟠 Review
- 🟢 Final
