AI UX Kits ← Back to ai.uxkits.com

UX Kits AI Docs

Everything runs on files you keep on your computer. Use the AI tools you already pay for. No subscription to us. You own the kit, you own the wireframes.

We're building this in the open with you. AI behavior shifts; kits improve when you tell us what worked. If something's off or could be better, email eric@uxkits.com.

What this is

These kits are design systems for wireframing. You can build HTML wireframes in the browser, work in Figma, and move between the two when it makes sense — same components, same vocabulary.

AI skills in the kit handle the heavy lifting: describe a screen in chat, or photograph the physical Wireframe Deck and go from cards to wireframe. Your kit README is the fastest start; these docs explain how it all fits together.

Which product is right for me?

Both kits share the physical deck, the Figma plugin, and the wireframe .fig. The difference is which workflow fits you — not which one is “more complete.”

Pick by how you work

Choose the AI Wireframe System if you like working in code and HTML — opening a project folder, using Claude Code (or similar tools), and shipping wireframes in the browser. You want a full design system on your machine, prompt-driven pages, deck-to-HTML, and the option to land the same work in Figma when you need it.

Choose Wireframes for Figma if you’re newer to AI but comfortable in chat — Claude, ChatGPT, or similar — and you want to go straight to Figma. Photograph the deck, paste JSON into the plugin, and build on the canvas. Many people start here and move up to the full system later when they want HTML and a deeper kit.

What's included

AI Wireframe System Wireframes for Figma
HTML project pages ✓ —
HTML / CSS wireframes ✓ —
Prompt to HTML wireframe ✓ —
Deck photo to HTML wireframe ✓ —
Deck photo to Figma ✓ ✓
Figma kit (.fig library) ✓ ✓
Figma plugin ✓ ✓

The plugin is included with both products — not sold separately. Figma plugin docs

Products

AI Wireframe System

HTML design system + wireframes. Prompts, deck-to-HTML, and the full Figma stack included.

Wireframes for Figma

Deck → Figma workflow. Library, plugin, and deck skill — Figma-first.

All the ways you can work

The AI Wireframe System is the most complete kit. You get a lot:

Describe a screen Prompt → HTML wireframes in your browser. The main path. Photograph the deck Card layout → same HTML system. A major differentiator. Deck → Figma JSON skill + plugin + included .fig — tokens and components match. Plugin quick build Paste JSON, build on canvas. Great for workshops and handoff. Figma library + MCP Full wireframe .fig — connect in Figma or via MCP; same vocabulary as HTML. Clickable HTML Link pages in the browser — no prototype tool required.

Wireframes for Figma is focused on Figma: deck photo → JSON → plugin, plus the same .fig library for hand-wireframing. See Wireframes for Figma home.

Physical deck

The UX Kits Wireframe Deck is optional but powerful — the same cards can drive HTML or Figma output. Start with Decks overview and photo tips.

New here?