Turn
Codex
CodexDesign websites, app interfaces, and UI mockups on a visual canvas, right inside Codex.
Less back-and-forth. More seeing what’s possible.
01 / WORKSPACEFrom first prompt to final detail.
Start with a conversation. Keep creating on the canvas.
-
01
Install the plugin.
Copy the installation prompt into Codex. Once installed, restart Codex and open a new conversation.
-
02
Start with a conversation.
Ask Codex to design a UI, a website, or an app. Watch your first ideas take shape on the canvas.
-
03
Select it. Make it yours.
Select an element in an HTML mockup. Adjust its font, color, spacing, and other UI properties in the right sidebar.
-
04
Keep the conversation going.
Ask for a simpler layout, a different direction, or a little more polish. Refine the design in the left chat sidebar.
-
05
Explore with images, too.
Ask Codex to generate UI mockup images. Bring them onto the canvas to arrange, compare, and guide your next design.
One sentence.
A new way to create.
Copy this prompt into Codex. Let your agent take it from there.
/goal Read https://codexdesign.io/install.md to install Codex Design for Codex.
Before you begin.
What is Codex Design?＋
Codex Design is an independent UI design plugin for Codex. Create website and app mockups, compare images and live HTML side by side on a local canvas, and refine your designs through visual edits and conversation.
Do I need a separate API key?＋
No. The plugin works with your existing Codex setup. There is no separate plugin token wallet or API key. Codex access, plan limits, and any applicable usage charges still apply.
What can I put on the canvas?＋
Images and live HTML pages. Explore interface directions side by side, arrange your work, and refine the HTML with Codex.
Where does my work live?＋
Your canvas projects and assets are stored locally on your computer. This does not change how Codex processes the context you share with it.
What do I need to get started?＋
Codex with plugin support, the Codex CLI, and Node.js 22.12 or later. The default package targets macOS and Linux. Native Windows support has not yet been verified. Follow the Codex Design installation guide to get started.