가이드
Codex로 더 나은 UI를 디자인하세요.
Codex로 앱과 웹사이트를 디자인할 때 바로 쓸 수 있는, 직접 검증한 조언입니다. 브리프 쓰는 법, 도움이 되는 스킬과 플러그인, 첫 아이디어에서 완성된 화면까지 가는 방법을 다룹니다.
여기서 시작하세요
- Codex 다운로드 및 설치 방법데스크톱 앱, CLI, IDE 확장 프로그램의 공식 다운로드와 설치 방법.
- Codex 요금제: 플랜, 사용량 한도, 크레딧ChatGPT 플랜별 Codex 요금, 한도에 도달했을 때 할 일.
- GPT Image 2.6으로 UI 디자인하기새 기능, Flare와 Sunburst 비교, UI 목업용 프롬프트.
- ChatGPT Sites: ChatGPT로 웹사이트 만들고 게시하기ChatGPT나 Codex로 만든 웹사이트의 제작, 게시, 요금.
- Codex로 UI 디자인하는 방법디자인 브리프부터 프로덕션 코드까지의 6단계 워크플로. 복사해 쓸 수 있는 프롬프트 포함.
- ChatGPT로 UI 디자인하는 방법Chat, 이미지 생성, Codex를 각각 언제 쓰는지, 워크플로와 복사용 프롬프트.
- AI로 UI 목업 만드는 방법문장 하나에서 와이어프레임, 하이파이 목업까지. 복사해 쓸 수 있는 프롬프트 포함.
- Codex vs Claude Code UI 디자인 비교디자인 도구, 미리보기, 스킬, 디자인 시스템 기준으로 두 에이전트 비교.
- AI 티 나는 UI 디자인의 특징과 피하는 방법UI가 AI로 만들어졌다는 12가지 신호와 각각을 고치는 프롬프트.