AI Copy Generator Figma Plugin

Hypotheses 011

We developed a prototype tool that integrates AI-powered copy generation directly into Figma, allowing designers to quickly create realistic, context-aware copy for their projects.
a pencil writing on a sheet of paper surrounded by sparkles

So you're designing a website in Figma. It looks great, but when you show it to the client all they can focus on is the lorem ipsum: "Ummmm, What language is that? That doesn't look real... What are we going to say here?" Immediately, they're derailed. Your thoughtful, beautiful work is brushed aside all because of unintelligible placeholder copy.

So we had a thought—
What if, when designing client products in Figma, you could use built-in AI functionality to draft more realistic copy for the different pages you're working on? Instead of copying and pasting from an existing site, or worse yet... spending valuable design hours writing it yourself, how helpful would it be to have a customized copy generator at your fingertips? What kind of functionality would be most helpful? What would it look like? Would it understand client context? Would it know the difference between descriptions and button text? Could you use it to translate copy? How much time would it really save you?

We got deeply curious about these questions, so we took some time to try to answer them.

We designed, tested, and refined a prototype that does exactly that. By connecting to ChatGPT and pre-prompting it with direction around copywriting for the web, we developed a working prototype that seamlessly integrates with Figma. It's goal is to enhance a designer's workflow, making it easier than ever to generate realistic copy.

We're super excited about it, and we think you will be too.

We hope to launch the plugin on Figma soon! To get notified when we do, check the footer on savaslabs.com to sign up for our newsletter.

In the meantime, check out this video from our Senior Product Designer Jayson Morse as he walks us through a demo of its features: