Copy-writer agent

About this plugin

Content Writer Agent: Your Content AI Text Assistant in Figma

Tired of manually tweaking text, fixing typos, translating snippets, or shortening

content within your Figma designs? Content Writer Agent brings the power of

advanced AI directly into your workflow, saving you time and boosting your creativity!

Select any text layers, give a simple instruction (like "Make this more formal",

"Translate to German", "Fix grammar", or "Summarize"), and let the AI handle the

heavy lifting. See the changes side-by-side, compare with the original, and replace

text with a single click.

Key Features:

1. AI-Powered Editing: Use prompts to rewrite, translate, fix grammar,
2. shorten, or modify selected text layers.
3. Side-by-Side Diff: Clearly see the original text and the AI-generated
4. suggestion, with deletions highlighted.
5. One-Click Replace: Update single or multiple text layers in your Figma file
6. instantly.
7. One-Step Undo: Easily revert any replacement back to the previous text.
8. Flexible LLM Support: Choose between Google's Gemini (requires API
9. key) or a self-hosted Ollama instance with your favorite local models. (OpenAI
10. coming soon!)
11. Easy Configuration: Simple settings panel to manage your LLM provider
12. and credentials.
13. Light & Dark Mode: Adapts automatically or lets you choose via settings.
14. Free Tier: Get started with 10 free AI generations per day!

Who is it for?

1. UI/UX Designers: Quickly iterate on microcopy, button labels, and placeholder
2. Copywriters & Marketers: Draft, refine, and translate marketing copy directly
3. within design mockups.
4. Content Creators: Ensure consistency and clarity in text across designs.
5. Anyone who works with text in Figma!

Getting Started & Configuration Guide

1. Install: Install the "Content Writer Agent" plugin from the Figma Community.
2. Run: Right-click on the Figma canvas -> Plugins -> Content Writer Agent.
3. Basic Use:
4. Select one or more text layers in your Figma file. The plugin UI will update automatically.
5. Enter a prompt in the input field (e.g., "Make this punchier").
6. Click "Generate".
7. Review the original and generated text in the cards.
8. Click "Replace" on a card to update that specific text layer in Figma, or
9. "Replace All Valid" to update all cards with valid generated text.
10. If you replaced text, an "Undo" button appears allowing you to revert that specific change.
11. Configure Your AI Provider (Settings):
12. Click the Settings icon ( ) in the plugin header or the clickable provider tag next to it.
13. Choose Provider: Select "Gemini", "Ollama", "OpenAI", or "Custom Model..." from the "LLM Provider" dropdown.

a) Gemini Setup:

1. Select "Gemini" in the dropdown.
2. You need a Google AI API Key. You can get one for free from Google
3. AI Studio.
4. Click the "Get your Gemini API Key" link or visit https://aistudio.google.com/app/apikey.
5. Copy your generated API key.
6. Paste the key into the "Gemini API Key" input field in the plugin settings.
7. Click "Apply Settings".

b) Ollama Setup:

1. Select "Ollama" in the dropdown.
2. Ensure Ollama is Installed & Running: You need Ollama running on
3. your local machine or a reachable server. If you haven't installed it, visit ollama.com.
4. Enter Server URL: Input the URL where your Ollama server is running (default is http://localhost:11434 ).
5. Fetch & Select Model: Click the "Refresh" button ( ) next to the URL field. The plugin will attempt to connect and fetch the list of models available on your Ollama server. Select the desired model (e.g., llama3:latest , mistral:latest ) from the "Model Name" dropdown.
6. (IMPORTANT) CORS Configuration: If fetching models fails (especially with Failed to fetch errors), your Ollama server likely needs CORS configuration to allow requests from Figma. See the detailed instructions within the settings panel error message for help.
7. Click "Apply Settings".

Need Help or a Custom Model?

If you encounter issues, need support for a different model/provider, or have

feedback, please reach out!

Request Custom Model/Provider: Select "Custom Model..." from the LLM

Provider dropdown in Settings and use the contact link.

General Support/Feedback: Email [email protected]

Stop wasting time on repetitive text edits. Install Content Writer Agent and let AI

accelerate your design workflow!