I'll create a Figma plugin that checks grammar and spelling in your design frames. This plugin will scan text layers and highlight potential issues with suggestions for corrections.

I've created a comprehensive Figma plugin for grammar and spelling checking! Here's what it includes:

Key Features:

1. Text Scanning: Scans all text layers in your current Figma page
2. Spelling Check: Detects common misspellings with suggestions
3. Grammar Check: Identifies basic grammar issues
4. Interactive Fixes: Click suggestions to automatically fix issues
5. Node Selection: Click on layer names to jump to problematic text
6. Clean UI: Modern interface showing issues categorized by type

How it Works:

1. Scan: Click "Scan Current Page" to analyze all text layers
2. Review: See spelling and grammar issues with suggestions
3. Fix: Click suggestion buttons to automatically correct text
4. Navigate: Click layer names to select and view the text in Figma

Plugin Structure:

• ui.tsx - React interface for the plugin panel
• code.ts - Main plugin logic that runs in Figma's sandbox
• manifest.json - Plugin configuration
• ui.html - HTML wrapper for the UI

The plugin includes a dictionary of common misspellings and basic grammar rules. In a production version, you could integrate with more sophisticated APIs like Grammarly or LanguageTool for enhanced checking.

Great question! Here's how to add your custom grammar and spelling checker plugin to Figma:

Method 1: Install as Development Plugin (Recommended for custom plugins)

Step 1: Prepare the Plugin Files

1. Download the code from the project above
2. Create a new folder on your computer (e.g., grammar-spelling-checker)

3. Add these files to the folder:

   • manifest.json
   • code.js (compile the TypeScript code.ts to JavaScript)
   • ui.html

Step 2: Compile TypeScript (if needed)

Step 3: Install in Figma

1. Open Figma Desktop App (plugins don't work in browser for development)
2. Go to Menu → Plugins → Development → Import plugin from manifest...
3. Select your manifest.json file from the folder you created
4. Click "Import"

Step 4: Run the Plugin

1. Right-click on your Figma canvas
2. Go to Plugins → Development → Grammar & Spelling Checker
3. Or use the menu: Plugins → Grammar & Spelling Checker

Method 2: Simplified Setup (Quick Test)

Here's a simplified version you can test immediately:

Quick Installation Steps:

1. Create a folder called grammar-checker on your desktop

2. Save these 3 files in that folder:

   • manifest.json
   • code.js
   • ui.html
3. Open Figma Desktop App
4. Go to: Menu → Plugins → Development → Import plugin from manifest...
5. Select the manifest.json file
6. Done! Your plugin is now available in the Plugins menu

Using the Plugin:

1. Open any Figma file with text
2. Right-click → Plugins → Grammar & Spelling Checker
3. Click "Scan Current Page"
4. Review issues and click "Fix" buttons to correct them
5. Click layer names to jump to problematic text

Troubleshooting:

• Plugin not showing? Make sure you're using Figma Desktop (not browser)
• Can't fix text? The plugin needs to load fonts - make sure text uses available fonts
• No issues found? Try adding some intentional misspellings to test

The plugin will now be available in your Figma plugins menu and will persist across Figma sessions!