Workflows
Design Workflows
Plan features visually, create mockups and prototypes, diagram user flows, build design systems, and iterate on UI with Claude Code and Codex.
Visual Brief
Describe a feature and Claude Code and Codex generates a structured plan with goals, scope, and visual requirements in a clean markdown doc.
Sketch the Flow
Claude Code and Codex renders an Excalidraw user flow diagram from your description so you can map the experience before designing screens.
Define Components
Claude Code and Codex identifies the UI components you'll need and drafts a component checklist aligned with your design system.
Key Features for Designers
Built for how designers work
MockupLM Wireframes
Describe a screen and Claude Code and Codex generates a visual wireframe instantly. Iterate on layout, copy, and components until it matches your vision.
Excalidraw Diagrams
Diagram user flows, information architecture, and screen relationships with Claude Code and Codex. Visualize the experience before building it.
Live Prototypes
Turn mockups into working HTML/CSS prototypes with hover states, transitions, and responsive layouts. Test interactions without writing code.
Session Manager
Run mockup creation, flow diagrams, and prototype builds in parallel sessions. Monitor progress and jump between design tasks.