Product updates ✨

We're so happy to launch Frontitude's end-to-end solution today! 🥳🥳

‍

Over the past few months, we've improved Frontitude to be the ultimate content management system for in-product copy. With the new key additions, Frontitude’s solution now addresses dozens of use cases, from design to review to localization to development. 

‍

Here are some of the latest additions:

• Variables
• Copy Library in the Figma plugin
• Developer CLI
• Multi-language support

‍

Today is a big day: We're launching Frontitude's end-to-end solution to provide design and product teams with a new way to deliver consistent product copy without the hassle it used to have.

‍

Visit our launch page on Product Hunt!

‍

We’re happy to introduce Variables! You can now add dynamic content when writing copy in Frontitude, and integrate them as variables straight into the code.

‍

The entire team can benefit from using Variables:

🎨 Designers can use mock content instead of variable placeholders in the design.

✍️ Writers get full ownership of the product content.

💻 Developers don’t need to define the variables but just send the variables in the code.

‍

How does it work? When creating personalized copy, writers can mark specific parts of the text as dynamic content (for example: Hello {{firstName}}!). Once the copy is finalized, developers can fetch it, including the variables straight into the code without defining them themselves. Learn more

‍

Full i18next compatibility

Like all Frontitude’s developer features, Variables is fully compatible with the i18next format. This means that developers can use the popular i18n library to fetch copy from Frontitude straight into their code.

‍

Using Variables, your team can have a smoother, automated developer handoff. It works out of the box with our Developer CLI which you can use to connect your codebase with Frontitude.

‍

We shipped out significant product improvements that will help you and the team to better browse and reuse your product copy.

‍

Import copy to Frontitude from JSON files 📂

Following the Developer CLI release, we added a new way to onboard your product copy to Frontitude from the codebase and localization tools, straight into your copy library. 

Read the guide to learn how to import copy from JSON files.

‍

‍

Copy components design preview 🌄

You can choose any copy component in your copy library and easily see where it’s located in each of your designs by simply navigating through the screens. Some words have different meanings in different contexts, so it's likely that you want to explore their context to ensure you maintain a consistent product language.

‍

‍

Paste components from the library into Figma ✂️

Reuse copy components in your designs, but without attaching them to an existing component. This also lets you reuse existing components and change them to create a new one quickly. For example, you can reuse the component: “Book added to cart” and slightly adjust it to “Record added to cart” and add it to the library as a new component.

‍

We’re excited to introduce Frontitude’s Developer CLI: A new way to manage product copy from design to code. This integration allows developers to connect the codebase with the design process and fetch copy changes directly from their environment, copy-paste free!

‍

The new integration brings some significant benefits:

• No more copy-paste mistakes when moving texts from design to code
• The development process can start in parallel to the design process allowing you to stream last-minute copy changes from the design to the code seamlessly.
• Developers quickly understand what copy was updated instead of going through design files and understanding what copy they should take

‍

Read our official feature announcement post to get more information about the new Developer CLI. To learn how to set up the CLI and hit the ground running, please read the documentation and guide.

‍

We've made significant improvements to the Copy Library. Organizing your library is now easier than ever thanks to a new grouping system that allows you to navigate it quickly and ensure consistency.

‍

What's new?

‍

Four-level hierarchy support‍

Organize your copy components into up to four levels of categories. For example: Messages / Error / Form / Field required. This allows more flexibility in your content organization and allows you to group together different variations of the same copy component for example.

‍

Category guidelines

‍Add content guidelines and notes to each category in your library. The guidelines will be visible once you reuse or create new components in your designs, to help you maintain consistency. For example, the Messaged / Error category can include these guidelines: “Clearly explain the situation and how it can be resolved. Don’t use overly dramatic words for simple errors.”. 

‍

Category auto-suggest

When you create a new category, Frontitude will automatically suggest existing categories from your library to make sure you don’t create duplicates. It’s here to bring order to your copy chaos!

‍

‍

Category rename

Changed your mind about a category name? Now you can rename it without going through every component in the category.

‍

You can read more about Frontitude’s Copy Library to learn how it can benefit your team, or get started with building your Copy Library!

‍

Frontitude's web app now supports custom fonts! This allows you to see your copy incorporated into the designs in a much more accurate way.

‍

Fonts come in different sizes and weights – even a few millimeters can break your sentence into 2 lines.🤯 As a writer, you must work with the same fonts the design team uses to make sure you’re aligned and on point with the copy you create.

‍

In case Frontitude detects you’re not working with the same font as in the design, a pop-up warning will appear, letting you upload the right font.

‍

We have redesigned the Library tab in our Figma plugin so you can navigate effortlessly through all of your copy components. It's easier to reuse existing copy and integrate it into the design!

‍

Error messages, buttons, tooltips, and empty states are all stored in a single source for the entire team to reuse.

‍

Learn how to create and maintain an organized copy library.

‍

‍

We’re excited to announce Frontitude’s multi-language support! This feature brings localization closer to design and removes the barriers between design teams and translators.

‍

Enjoy significant benefits to your product localization process:

‍

🎨  Translate with full context: Give your translators the full design context, and allow them to insert translations in the design without disrupting the design team's work.

‍

✋  Avoid repeated translations: Translate once and reuse everywhere using Copy Components. Attach new copy to existing (translated) components and, voila, it's immediately translated! This can save you significant translation time and costs.

‍

⏰  Shorten time to market: By providing translators and reviewers with the full context early at the design stage, translations can be tested even before a new feature is implemented. This means less translation errors at the development and QA stages.

‍

Read our official announcement to learn more about this new addition!

‍

You can now invite anyone from your team or outside the organization to collaborate on specific projects in Frontitude. 

‍

Whether you manage a large team of writers and need to separate who works on what, or if you work with several clients or external UX writers, this will help you give them explicit access to only the content they should use, nothing else!

‍

Read more about sharing and permissions at Frontitude.

‍

We׳re happy to share the latest addition to our Figma plugin: the Library tab! 📚 This tab is the copy repository that stores all your repeated text in Figma and helps you maintain a consistent product language.

‍

The new Library tab allows you to:

• Browse your copy library to find any component in your workspace created by anyone on your team
• Easily reuse existing copy inside Figma across all of your files
• Attach selected text elements from your Figma files to a component with a single click

‍

Read the full guide to learn more about the new tab

‍

You can now build the ultimate Copy Library by adding new Copy Components that are not originated in your design files!

‍

For example, you can create instances for different error messages, empty states, buttons, and more, and add them directly to your team’s Copy Library in Frontitude’s web app. Team members can then reuse these components right in the designs using the design tool plugin (currently available in Figma).

‍

Simply open your Copy Library and click “New component” at the top. Don’t forget to use the right naming conventions to keep your library organized.

‍

We improved the Copy Library!  🥳  Now, you can have a better-organized copy repository with a clear overview of all your product’s copy.

‍

This enhances the entire team’s ability to reuse approved copy directly from Figma during the design phase!

‍

Read our official guide to learn how you can best organize your Copy Library.

‍

Now you can track any changes made to your Figma files, or refer to your recent work more easily.

‍

Meet Frontitude’s new Activity tab in the Figma plugin. Select any frame(s) and instantly see all the changes made by you and other team members: status updates, sync changes, who changed what copy and when, and more!

‍

A time saver: We've improved the Edit tab by enabling you to select multiple texts in your Figma files and update their status in bulk!

‍

For example, writers can now mark a few texts as final, so developers can use them with no hesitation, designers can use it to select whole frames and mark them as ready for writing, and more.

‍

Cheers to simple, yet life-improving-time-saving changes.

‍

Writers, welcome to the component era! ✨ We’re excited to introduce Copy Components. 🥳

‍

Copy Components drives consistency across your product copy by enabling you to create text components that can be reused by anyone on your team.

‍

Turn text elements you’ve uploaded to Frontitude into a library of approved copy that you can use going forward. Your components will be stored in the Library tab, where you can edit, remove, attach/detach instances, and more.

‍

Read the official announcement to get the full scoop!

‍

We’ve recently enhanced key management in Frontitude. In addition to setting and searching by key, now you can export copy in developers' favorite format -- JSON! This is in addition to the CSV export we already offer.

The new JSON export supports two formats: Flat, which is a simple key/value pair format, and Metadata, which is an extended format that contains all the metadata information that is stored in Frontitude.

To learn more about this new feature, check out this guide.

‍

Does your team manage copy using unique keys? This one is for you!

This update takes key management to the next level and makes it more convenient to assign copy with key and retrieve copy by key.

It allows you to:

• Assign copy with unique key directly from Figma
• Search copy by key
• Filter copy without key
• Filter copy with key

‍

Here's a small but powerful addition to our Figma integration 💪

You can now see copy workflow status in Figma's layer menu without having to open Frontitude's plugin!

What does it mean? Developers now can understand if the copy is final, and take its key (if they work with keys) directly from Figma, Product Managers can see which copy is ready and which isn't, and most importantly, team members will not judge your copy if it’s a work in progress!

To see workflow status in Figma, just set the copy status from Frontitude’s web app (available soon from the plugin) and click the refresh button under the plugin’s Changes tab. Simple as that!

‍

Since we launched Frontitude's Figma plugin, we've been getting requests from our Figma users for supporting a more seamless writing workflow inside Figma.

‍

We understand that many writers use Figma as their writing tool, but they still need a central place to store and maintain all of their product copy.

‍

That's why we created the new Changes tab, that replaces the Export and Updates tabs, and will addresses these needs:

1. It assists with a better writing workflow inside Figma by allowing you to track copy changes made by you and others, by comparing them to the last version in Frontitude.
2. It makes it easier for you to sync Figma with Frontitude as your single source for copy. If you're writing in Figma, you can collect copy changes and push them to Frontitude in one click. If you're writing in Frontitude, you can quickly pull the latest copy into Figma.

‍

Click here to learn more how to use the new Changes tab. We'd love to hear your thoughts on this at hi@frontitude.com.

‍

In addition to the existing hide from List View, now you can hide copy from Design View as well!

‍

This comes pretty handy when Design View displays texts that shouldn't be visible. Just click Hide > From all views and it will hide the text from the design on Frontitude, to give you a cleaner view.

‍

And no worries -- hidings will only affect Frontitude, while the mockup in the design tool will remain untouched.

Now you can create folders in the workspace page to better organize your projects!

‍

Use the New folder button to create a new folder, then drag and drop your existing projects inside the folder. To move the project out of the folder, open the projects card's option menu, and click Move to root.

‍

We've also added an option to rename projects, finally! You can rename folders too, of course. Try it out!

‍

‍

We are happy to release the new tag management section, which allows you to easily sort our your tags!

‍

In this new section, you can create new tags, rename and delete existing ones. You can also see the texts that use each one of them by simply clicking on the number next to it.

‍

Next, we plan to let you order them and create tag groups, to take your tag organization to the next level.

‍

Open it here to get your tags in order!

‍

When you sync your designs with the latest copy, filtering copy changes by status can be quite useful.

‍

For example, if you're a designer who wants to handoff your mockups to developers, you'd like to sync only the final copy. Another case is that as part of a design review process, you'd like to ensure that copy fits the design, therefore syncing only copy in review status.

‍

To enable this filter, just click on the settings icon next to the Pull changes button at the bottom of the plugin, and choose what workflow status you wish to filter as part of the sync.

‍

We made it easier for you to navigate between screens in Design View. Use the keyboard's right and left arrow keys to navigate to the next or previous screens, following the order on the navigation menu.

We’re excited to announce that Frontitude for Sketch is out! 🥳  From today, you can sync your Sketch files with the latest copy and collaborate on it with your team -- no copy and paste involved!

‍

The integration completes Sketch by giving you a single source for your UX copy and helps you to ensure a consistent voice throughout your product with advanced search, tagging, text-first collaboration, version control, and more.

‍

Learn more about the new integration.

‍

We made it much easier to share content with Frontitude!

‍

You can now share a project link with anyone, making feedback collection a breeze. Just set the project's link access level, and send it to a team member, an external stakeholder, or a customer.

‍

Learn more about how to use it in this tutorial.

‍

A major part of writing great UX copy is receiving feedback and discussing it with teammates.

‍

For this reason we created the Project Discussion Feed, which is the place where all project discussions are unified into a single feed.

‍

This way you can keep track of feedback without wasting your time navigating between frames and pages.

‍

Learn more about how to use it in this tutorial.

‍

We're happy to introduce the new Search tab! 🎉

‍

This is the place where you can search, filter, and organize your UX copy, across all of your projects. This is super useful for keeping your product language consistent.

‍

In the past few weeks we've been asked a lot to support sign in to Frontitude using a Microsoft account -- Now it's available! From today, you can use either a Google or Microsoft account to sign in to Frontitude, on all of our clients (Figma, Adobe XD, web)! 🎉

‍

We’re excited to introduce Discussions! 🥳

Discussions are a better way to handle feedback around copy changes in your team, available both from the web app and the Figma plugin. Just click the Reply button at the bottom of any revision or comment to start a discussion, then hit Resolve when you’re done. It’s that easy!

(Discussions also support @mentions, to notify project collaborators on a new comment over email)

‍

We’re excited to announce that Frontitude for Adobe XD is out! 🥳  From today, you can sync your XD mockups with the latest copy and collaborate on it with your team -- no copy and paste involved!

The integration completes Adobe XD by giving you a clear overview of your UX copy and helps you to ensure a consistent voice throughout your product with advanced search, tagging, text-first collaboration, version control, and more.

Get here more details about Frontitude for Adobe XD. Also, check this out -- Adobe included the plugin as part of their Copywriting & Localization collection!

‍

‍

Frontitude now flags pulled changes that break the design both in the Figma and Adobe XD plugins. Designers can quickly see which texts cause issues (for example, overlapping other elements, or text goes out of bounds), easing their review process.

‍

Frontitude now supports linking copy with similar text but different styles. Any submitted changes will automatically be applied to all linked copy, so you don’t have to change each text individually.

Link copy by clicking Link copy on the editing side panel. Frontitude will show all copy containing the current copy text, along with the ability to preview copy in the design so you can ensure you are selecting the desired one.

‍

You can now mention collaborators in comments and change notes, to ask specific questions or leave general feedback. The tagged collaborators will automatically be notified via email.

‍

Invite team members to collaborate on Frontitude by sending them an email invitation.

‍

When submitting a change to copy, Frontitude now lets you automatically update all of its duplicate instances, so you wouldn't have to do it manually one by one. A duplicate instance is every text in the project which has the same value, font family, font size, and font weight as the changed text has.

‍

Now you can export projects to a .csv file, so you can share UX copy with legal teams, translation services, or any other stakeholder. You can apply active filters, include or exclude duplicates or hidden items.

‍

Today, we’re excited to release the first version of Frontitude's web platform, which provides a centralized workspace for teams to create and collaborate on their UX copy 🧑🏽 👩🏻 👩🏿

Right now available for Figma, soon for other design tools!

‍

Starting today, you can add team members to collaborate on UX copy in Frontitude. All team collaborators can view and add changes, comments, and see change history for each copy.

We're excited to announce our first solution as part of Frontitude's vision: A plugin for Figma that gives you a single source for your UX copy and let's you manage it on Google Sheet, and sync updates with a click.

‍

When pulling updates back to the design tool, sometimes you just want to update a specific text element or screen, and not the entire file.

The pull mechanism is now modified to detect selection of any kind, whether it's a single text element, group, or entire screen (a frame or an art board, depending on your design tool).

This way, you can pull change only for any selection, or select nothing to pull changes for the entire design file.

‍