From 607993b43bd28062b1584630e3f02b56ca96459b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?M=C3=A5rten=20Angner?= Date: Sun, 1 Mar 2026 15:04:06 +0100 Subject: [PATCH] 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 --- README.md | 18 ++++++++++++------ 1 file changed, 12 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index f043b8209..59638ee23 100644 --- a/README.md +++ b/README.md @@ -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. ---