Design Console 2026.11.0, 한 문장으로 만들고 되돌리기

요약

Design Console 2026.11.0 은 요구에서 페이지를 만들고, 요소를 직접 고치고, 판을 되돌려 React 로 내보냅니다.

추천
이름
Design Console
버전
2026.11
요금
무료
오픈소스
비오픈소스
운영체제
Windows
공식 사이트
https://www.tujuyun.com
업데이트
2026-11-10 23:00

AI 로 페이지 한 장을 만드는 데는 몇 초면 된다. 시간을 잡아먹는 것은 그다음의 서른 번 조정이다. 글자를 줄이고, 이 배경을 주황으로 바꾸고, 제목을 한 줄 더 올린다. Design Console 은 Windows 에서 도는 로컬 디자인 도구로, 2026.11.0 판이고 빌드 날짜는 2026 년 11 월 9 일이다. 노리는 곳은 그 뒤쪽 절반이다. 생성은 출발점이고, 고칠 수 있고 되돌릴 수 있고 넘겨줄 수 있어야 끝난 것으로 본다.

작업 공간은 세 열이다. 왼쪽에 프로젝트와 템플릿, 가운데에 활동 기록과 매개변수, 오른쪽에 실시간 미리보기. 가운데에 요구를 적으면 오른쪽에서 페이지가 자라기 시작한다. 모델이 무엇을 했는지는 활동 기록에 한 줄씩 뜨고, 진행은 가늠할 수 있고, 언제든 멈출 수 있다.

설명에 세 가지를 담아야 한다

공식 안내는 구체적이다. 페이지 종류, 내용 블록, 배색을 적으라고 한다. 예를 들어 첫 화면에 세 열 기능과 가격과 푸터를 둔 랜딩 페이지, 어두운 글래스모피즘에 파랑에서 보라로 가는 그라데이션이라고 쓰면, 예쁜 사이트라고만 쓰는 것보다 훨씬 잘 맞는다. 여러 페이지가 필요하면 설명에 장수를 밝히면 생성 단계에서 나눠 준다. 같은 화면에서 프리셋과 배색과 밀도와 온도를 바꿀 수 있고, 값을 고쳐 다시 생성하는 편이 대화로 다시 설명하는 것보다 빠르다.

프로젝트와 요구와 미리보기가 한 화면에 놓인다
프로젝트와 요구와 미리보기가 한 화면에 놓인다

누른 곳을 고치고, 망치면 되돌린다

결과가 마음에 들지 않을 때 대부분은 설명을 다시 쓴다. 그러면 페이지 전체가 새로 만들어지고 그동안 맞춰 둔 세부가 사라진다. 이 도구는 선택 모드로 바꾼다. 미리보기에서 요소를 직접 누르고 오른쪽 패널에서 글자 크기와 색과 정렬을 바꾼다. 보조키를 누른 채면 여러 개를 골라 한꺼번에 스타일을 바꾸거나 정렬과 간격을 맞출 수 있다. 모든 변경은 편집 기록에 들어가고 한 단계로 되돌린다.

더 단단한 층은 판이다. 생성할 때마다 한 판이 남고, 옛 판과 새 판을 좌우로 놓고 볼 수 있으며, 스냅숏과 되돌리기가 같은 시간축에 붙는다. 서른 번째에서 두 번째가 낫다고 느끼면 기억으로 다시 만드는 대신 그리로 돌아간다.

옛 판과 새 판을 나란히, 스냅숏은 한 시간축에
옛 판과 새 판을 나란히, 스냅숏은 한 시간축에

코드 패널이라는 출구

그래픽만 있는 편집기는 약점이 하나 있다. 마지막 단계에서 진짜 코드를 건드려야 할 때 도구가 도와주지 못한다. Design Console 은 코드 패널을 일급 기능으로 다룬다. 줄 번호, 문법 강조, 개요 이동, 찾기와 바꾸기가 있고, 저장 전에 구조 점검을 하며, 망가뜨렸을 때는 직전 스냅숏으로 돌아간다. 넘길 때는 HTML, 사이트 통째 압축 파일, PNG, PDF, 그리고 React 나 Vue 프로젝트 묶음을 내보낸다. 이 마지막 하나가 장난감인지 일하는 도구인지를 가른다.

3D 와 캔버스는 두 갈래

페이지에는 절차적으로 생성되는 상호작용 3D 를 넣을 수 있다. 차량 흐름, 보행자, 기어 전동, 로봇 팔이 모두 페이지 스크립트가 그 자리에서 계산하는 것이고 영상을 붙인 것이 아니다. 내보낸 뒤에도 돌고 확대된다. 다른 갈래는 캔버스다. 페이지가 끝난 뒤 같은 프로젝트에서 표지를 짤 수 있고, 샤오홍슈 1080x1440, 위챗 헤더 900x383, 영상 표지 1280x720, 세로 긴 이미지 1080x1920 같은 규격이 들어 있다. 레이어는 이미지와 글자와 색면 세 가지뿐이고, 안내선과 달라붙기가 갖춰져 있으며, 영역을 잡고 한 문장을 말하면 AI 가 그 부분을 바꾼다.

플랫폼별 표지 규격이 처음부터 들어 있다
플랫폼별 표지 규격이 처음부터 들어 있다

데이터는 로컬에, 모델은 직접 연결

모델 할당량은 들어 있지 않다. 자기 주소와 열쇠를 넣고, 인터페이스는 OpenAI 방식을 따른다. DeepSeek, 통이, Kimi, 자체 게이트웨이가 모두 들어간다. 한 진입점에 여러 제공자를 매달아 두고 수시로 바꿀 수 있으며, 열쇠는 이 기계에만 남는다.

프로젝트도 로컬에 있다. 설치판은 사용자 폴더에 쓰고, 포터블판은 실행 파일 옆에 있으며, 폴더를 지우면 전부 지워진다. 네트워크가 없어도 프로젝트 보기와 판 비교와 내보내기는 그대로 되고, 연결이 필요한 것은 생성 단계뿐이다.

미리 알아 둘 것이 둘 있다. 설치 파일에 코드 서명 인증서가 없어서 첫 실행은 시스템이 한 번 막는다. 그리고 Design Console 은 한 사람용 로컬 작업대로 만들어져 계정 체계가 없다. 협업은 프로젝트 묶음을 내보내 건네는 방식뿐이다. 한 사람의 디자인 흐름이라고 보면 기대가 거의 맞는다.

누구에게 맞는가

랜딩 페이지, 캠페인 페이지, 제품 소개처럼 넘길 결과물이 분명하고 자꾸 고치게 되는 일에 가장 맞는다. 특히 프런트엔드를 쓰지 않고 작은 수정마다 사람을 찾고 싶지 않은 경우다. SNS 표지를 만드는 사람은 캔버스 쪽을 쓰면 한 장 때문에 다른 도구를 열지 않아도 된다. 요구 자체가 흐릿해서 먼저 사람과 방향을 맞춰야 한다면 생성이 아무리 빨라도 소용이 없다. 이 단계는 도구가 대신하지 못한다.

버전
2026.11.0, 2026 년 11 월 9 일 빌드.
지원 환경
Windows.
모델
할당량은 없음, OpenAI 호환 주소와 열쇠를 직접 넣는다.
데이터
프로젝트는 로컬, 폴더를 지우면 비워진다.
Design Console다운로드
지원 운영체제: Windows