Since the debut of copy docs at the beginning of 2018, many UX writers use copy docs to organize their UX copy. Copy docs provide a structured way to organize a source of truth for UX copy. It’s created in a word-processing tool such as Google Docs or Dropbox Paper, which allows easy iteration and collaboration on the content.
A sample copy doc (by Andrea Drugay)
However, keeping the stored copy in-sync with your design mockups or codebase is a tedious task, mainly because word processors were not designed for this job. With Frontitude, you can get all the benefits of copy docs, and also keep the content in sync with other tools you’re using with a click of a button! Frontitude acts like a “dynamic” copy doc, which integrates seamlessly with any tool.
In this tutorial, we’ll walk you through the process of moving your copy docs to Frontitude, to take your UX copy management to the next level.
The first step is to onboard your content into Frontitude. We’ll use Frontitude’s design tool plugin for that. As part of this process, the plugin fetches the styling, fonts, and visuals of the components so you can have full context when editing content on Frontitude. This is how you do it:
So now that you have the component/screen (including its copy and visuals) in Frontitude, let’s look at Frontitude’s alternatives to the copy doc’s elements.
A copy doc’s key component is the visual context, which helps both in the writing and reviewing processes, to ensure that copy fits the design.
Frontitude is based on your mockup designs. Therefore, you get the full context including visuals, styling, and fonts at any stage of the copy editing process. Additionally, Frontitude allows you to see the final copy by editing it right on the design, without having to switch back and forth to the design tool.
Furthermore, since Frontitude is a dynamic solution, you can sync changes from the design tool with a click of a button by re-exporting your mockups using the design tool plugin!
The main part in a copy doc is the copy table for each component, which holds the copy type (H1/Body/CTA), the content itself, the changes (if it's already exist in the system), and change notes.
In Frontitude's Design View, UX copy is displayed right on the design, so you can immediately see its type and layout.
Click on a copy element to open the Edit Panel with more information. It includes:
Discuss with your teammates by replying to a change or comment. Resolve the discussion once you're done.
Review all copy changes, which are displayed chronologically along with their change notes. You can also highlight the changes on each revision.
Assign copy types using reusable tags. Tags can be created and reused across your projects to maintain your language consistency.
Set status using this dropdown. Whether it's still a work in progress, or ready to be handed off to developers.
Submit a change along with a note, using this edit box. By the way, it's compatible with Grammarly, so you can make sure the new copy has no typos!
Copy doc is a great way to organize your UX copy, but with Frontitude you’ll be able to take it to a whole new level: Create reusable copy components, search and replace text in all of your projects, publish changes to production without needing developers, and much more. See the entire Frontitude's feature list.
We've seen how Frontitude can be the perfect copy doc alternative. It acts as the source of truth for your UX copy and seamlessly integrates with your design tool, allows you to create reusable style notes, and edit copy right on the design.
That's it! Need more guidance? Contact us at firstname.lastname@example.org