Published on <a href="https://blog.prototypr.io/copyright-copywriting-collaboration-concept-for-figmas-api-bfe7f9e9af01?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Svilen <img alt="" src="https://cdn-images-1.medium.com/max/1024/1*cLY7zbiwbh_Lt3ng1pC0EA.png">
Yesterday was a monumental day for the digital product design industry. Figma took a giant leap forward by announcing its API platform- making it the first design tool to do so, and opening up a world of possibilities in the process (congrats to <a href="https://medium.com/u/e36d455066ce">Dylan Field</a> and team!) As my head was spinning with ideas to optimize my team’s workflow, I was struck by a particular problem I’ve encountered in every organization: how do we get copywriters and designers on the same page?
Copywriting has been vastly neglected when it comes to tooling and collaborating, leaving writers reliant on comments and word documents as primary means to communicate with designers. While writers can jump in Figma and manipulate text directly, as designs increase in complexity, so does the learning curve to navigate inside of components and nested layers without messing something up accidentally. Then there’s the problem of synchronized fonts, which writers might not have installed on their local machine (global fonts would be a great addition to Figma btw.)
I wondered…
<blockquote>What if copywriters could manipulate copy in a simple interface that previews their changes in real time, then push them to Figma?</blockquote>
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*Jre5Q2rCWHRisukYwDrosw.jpeg">The selected input field corresponds to the highlighted Figma component.
<h3>The Workflow</h3>
<ol>
<li>Designers create text components in Figma with defined font, size, line height, etc.</li>
<li>The components are designated (ex: naming convention) to be handed off to writers.</li>
<li>Designated components are imported in CopyRight in the form of input text field, ready for writers to experiment with copy.</li>
<li>As writers try out different copy, they can preview it live in its final form with the predefined font characteristics.</li>
<li>All changes can be saved directly in Figma.</li>
</ol>
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*z6b2uIH1jjNxfNNZB_HdTg.jpeg">Although copywriters can see the typeface and its characteristics, they purposefully cannot modify them, as that’s a designer’s job.
Would love to hear any ideas or suggestions, along with any interested collaborators to bring the project to life once the write API is released.
<a href="https://twitter.com/SvilenK">Svilen (@SvilenK) | Twitter</a>
<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fupscri.be%2Ff51076%3Fas_embed%3Dtrue&amp;dntp=1&amp;url=https%3A%2F%2Fupscri.be%2Ff51076%2F&#038;image=https%3A%2F%2Fe.enpose.co%2F%3Fkey%3DdRXnS9Gplk%26w%3D700%26h%3D425%26url%3Dhttps%253A%252F%252Fupscri.be%252Ff51076%252F%253Fenpose&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=upscri" width="800" height="400" frameborder="0"><a href="https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href">https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=bfe7f9e9af01" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="https://blog.prototypr.io/copyright-copywriting-collaboration-concept-for-figmas-api-bfe7f9e9af01">CopyRight- Copywriting Collaboration Concept for Figma’s New API</a> was originally published in <a href="https://blog.prototypr.io">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

CopyRight- Copywriting Collaboration Concept for Figma’s New API

Top Stories