# Claude for Figma

An AI-powered Figma plugin that lets you chat with Claude and have it create and modify your designs in real-time.

## Features

- 💬 **Chat Interface**: Natural conversation with Claude directly in Figma
- 🎨 **Design Creation**: Create frames, shapes, text, and layouts via chat
- 🔧 **Design Modification**: Move, resize, color, and modify existing elements  
- 🧠 **Context Aware**: Claude understands your current document and selection
- 🔑 **Private**: Your API key stays local, never shared

## Usage

1. **Install the plugin** in Figma Desktop
2. **Enter your Claude API key** (get one at [console.anthropic.com](https://console.anthropic.com/))
3. **Start chatting!** Ask Claude to help with your design

## Example Prompts

- "Create a mobile app mockup with 3 screens"
- "Add a header with navigation buttons"  
- "Make the selected text bigger and blue"
- "Create a color palette with 5 complementary colors"
- "Generate a card layout for a product showcase"

## Commands Claude Can Execute

- Create frames, rectangles, circles, and text
- Set fill colors and styles
- Move and resize elements
- Duplicate/clone objects
- Modify existing selections

## Development

Plugin built for Figma Community publication. Files:
- `manifest.json` - Plugin metadata
- `ui.html` - Chat interface (20KB)
- `code.js` - Figma API integration (8KB)

Total size: ~28KB - lightweight and fast.

## Privacy & Security

- API key stored locally in browser localStorage
- Direct connection to Claude API (no intermediary servers)
- Plugin requests minimal permissions
- Code is open and auditable