The design interface is where you create, edit, and refine your AI-generated screens. This is Moonchild’s main workspace, where you will spend most of your time bringing your design ideas to life.
The interface consists of four (4) key areas to help you work efficiently.
The left panel is where you interact with Moonchild AI to generate and refine your generated designs through chat. It consists of the Chat and Frame sections.
The Chat section includes buttons to create new chats, view chat history, rename an existing chat, and select all designs generated in a chat.
The prompt input field is where you enter your prompts, upload a PRD or reference image, select a design system, and choose your preferred quality model (Gold or Silver).
The frame section is a comprehensive list of all screens generated in the design project.
The canvas is your main workspace. It is an infinite canvas, like most traditional design tools, giving you the freedom to generate as many screens as you want. You can also navigate through each screen on the canvas with the arrow keys on your keyboard.
The bottom panel lets you choose what action to perform on each screen. You can either switch to prototype mode to interact with your design or show where it was generated in the chat.
