Codex 를 나만의 크리에이티브 디자인 작업 공간으로.
Codex 안에서 바로, 비주얼 캔버스 위에 웹사이트와 앱 화면, UI 목업을 디자인하세요.
/goal https://codexdesign.io/install.md 문서를 읽고 Codex에 Codex Design을 설치해 줘.주고받는 수고는 줄이고, 가능성은 더 많이 보세요.
01 / 작업 공간첫 프롬프트부터 마지막 디테일까지.
대화로 시작하고, 캔버스에서 계속 만들어 가세요.
- 01
플러그인을 설치하세요.
설치 프롬프트를 Codex에 붙여넣으세요. 설치가 끝나면 Codex를 다시 시작하고 새 대화를 여세요.
- 02
대화로 시작하세요.
Codex에게 UI, 웹사이트, 앱 디자인을 요청하세요. 첫 아이디어가 캔버스 위에서 모양을 갖춰 가는 것을 볼 수 있습니다.
- 03
선택하고, 원하는 대로 바꾸세요.
HTML 목업에서 요소를 선택하세요. 오른쪽 사이드바에서 폰트, 색상, 간격 등 UI 속성을 조정할 수 있습니다.
- 04
대화를 이어 가세요.
더 단순한 레이아웃, 다른 방향, 조금 더 세련된 마감을 요청하세요. 왼쪽 채팅 사이드바에서 디자인을 다듬을 수 있습니다.
- 05
이미지로도 탐색하세요.
Codex에게 UI 목업 이미지를 생성해 달라고 하세요. 캔버스로 가져와 배치하고 비교하며 다음 디자인의 방향을 잡으세요.
단 한 문장으로.
새로운 창작 방식을.
이 프롬프트를 Codex에 붙여넣으세요. 나머지는 에이전트가 알아서 합니다.
/goal https://codexdesign.io/install.md 문서를 읽고 Codex에 Codex Design을 설치해 줘.시작하기 전에.
Codex Design은 Codex용 독립 UI 디자인 플러그인입니다. 웹사이트와 앱 목업을 만들고, 로컬 캔버스에서 이미지와 라이브 HTML을 나란히 비교하고, 시각적 편집과 대화로 디자인을 다듬을 수 있습니다.
아니요. 플러그인은 기존 Codex 환경 그대로 작동합니다. 플러그인 전용 토큰 충전이나 API 키는 없습니다. 다만 Codex 이용 권한, 요금제 한도, 해당되는 사용 요금은 그대로 적용됩니다.
이미지와 라이브 HTML 페이지입니다. 여러 인터페이스 방향을 나란히 놓고 탐색하고, 작업물을 배치하고, Codex와 함께 HTML을 다듬을 수 있습니다.
캔버스 프로젝트와 에셋은 내 컴퓨터에 로컬로 저장됩니다. 다만 Codex에 공유한 컨텍스트를 Codex가 처리하는 방식은 그대로입니다.
플러그인을 지원하는 Codex, Codex CLI, Node.js 22.12 이상이 필요합니다. 기본 패키지는 macOS와 Linux를 대상으로 하며, Windows 네이티브 환경은 아직 검증되지 않았습니다. Codex Design 설치 가이드를 따라 시작해 보세요.