Decks overview

The UX Kits Wireframe Deck is a separate physical product. You don't need it to use the HTML or Figma libraries — but it's the fastest way to express layout in a workshop or client meeting.

One deck, two outputs

• AI Wireframe System — photograph cards → HTML wireframe
• Figma path — same photo → JSON → plugin → Figma frame

How it fits

1. Arrange cards on a flat surface (overhead photo).
2. Convert to JPG if needed — see Image formats.
3. Run the right skill in your kit (HTML or Figma JSON).
4. Confirm the layout AI detected before it builds.

Before you shoot: Photo tips and Image formats.

Deck photo flow