README: Replace method details with design tools table

List evaluated UI design services (Figma, Pencil, Stitch,
Excalidraw, html.to.design, NanoBanana) with MCP support info.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Mårten Angner 2026-03-01 15:04:06 +01:00
parent b60320122c
commit 607993b43b
1 changed files with 12 additions and 6 deletions

View File

@ -122,14 +122,20 @@ The installer configures your selected IDE(s) automatically.
---
## Tools Integration
## Design Tools
WDS integrates with design and prototyping tools:
WDS integrates with visual design and prototyping services:
- **Figma MCP** - Bidirectional sync between AI-generated designs and Figma
- **html.to.design** - Import HTML prototypes into Figma
- **NanoBanana/Eira** - AI-powered image generation for brand exploration
- **Excalidraw** - Sketch analysis and wireframing
| Tool | What it does | MCP |
|------|-------------|-----|
| **Figma** | Professional UI design, design system management | Figma MCP |
| **Pencil (Penpot)** | Open-source design tool, AI-assisted layout | Pencil MCP |
| **Stitch** | AI screen generation from text descriptions | Stitch MCP |
| **Excalidraw** | Wireframing and sketch analysis | — |
| **html.to.design** | Import HTML prototypes into Figma | Figma plugin |
| **NanoBanana/Eira** | AI image generation for brand exploration | — |
The design loop works with any combination: wireframe in Excalidraw, generate screens with Stitch or Pencil, refine in Figma, pull back via MCP.
---