Design System & assets
Design System (Gate 07)
Section titled “Design System (Gate 07)”The Design System gate captures your visual language, colors, type, and components, so your screens (and eventually your code) are built from a consistent foundation. Unlike most gates it’s form-based, not a chat: you fill in the system directly.
Figma integration
Section titled “Figma integration”You can connect Figma two ways, depending on the path you use:
- API path, a personal access token (PAT) lets CubeDot read frames you reference.
- MCP path,
--enable-figmauses OAuth so your coding agent can pull design context live.
Design Screens (Gate 10)
Section titled “Design Screens (Gate 10)”The optional, terminal gate. Attach real design screens or Figma references to lock the UI, tied to the screens defined in UX Design. Because it’s optional, you can ship a full blueprint without it and add screens later.
Wireframes
Section titled “Wireframes”Images you upload can be tagged as wireframes or design screens; the library groups them so the right visuals feed the right gates.