Writer AI snippets for Figma

Overview

Whether working on a small but mighty team or one that’s fully resourced, I believe it’s essential to create content documentation and systems that support cross-functional teams of any size and helps them scale. Goals include increasing team efficiency and high quality output, and maintaining consistency and cohesion for users.

I saw an opportunity to make high quality content easy to access and implement for product designers. I made 3 different tools to support this, including Writer AI snippets for Figma.

In Writer AI, I created templates for common system messages that that were consistent with our content guidelines. With the Writer plugin in Figma, product designers could then copy and paste these “snippets” directly into design files, and then edit them to fit their use case if needed.

Screenshot of snippets in Writer AI. There, I created patterns for common error messages. I included a template that designers (or developers) could tailor to their use case, and examples of related messages that could help them do that.
Screenshot of snippets in Figma. Designers can search for the error message they need by keyword or error code, then can copy and paste directly into their Figma file.