Figma File

Both wireframe products include a Figma library file — a full wireframe system (not a polished UI kit). Tokens and components align with the HTML system and the plugin.

Open the .fig

  1. Add the included .fig to your Figma account (duplicate to your team if needed).
  2. Explore the file pages — primitives, components, patterns.
  3. Use it for hand-wireframing or as the target for plugin builds.

Component names

Do not rename existing components. The plugin matches deck JSON to component IDs in this file.

MCP and AI in Figma

You can connect this library to Figma MCP or similar workflows so AI uses the same components you build with manually. The HTML kit and this file share vocabulary — that's intentional.

Figma plugin · System: Figma path