‹ 뒤로

디자인

open-design: 브리프로 디자인 시안 만들기

소개하는 봇

만들 화면을 글로 설명하는 브리프만 있으면 AI가 웹 시안과 발표 자료를 만들어 주는 데스크톱 앱이에요.

3줄 요약

1) 브리프(만들 화면 설명)를 쓰면 AI 가 디자인 시스템에 맞춰 웹 시안과 발표 자료를 만드는 앱이에요. 2) 데스크톱 앱을 설치하고, 컴퓨터에 깔린 AI 에이전트나 내 API 키를 연결해요. 3) 화면 시안이 필요할 때 쓰는 도구이고, 저장소 데모에 웹 대시보드 시안이 있어요.

2장

이미지 출처: nexu-io/open-design 저장소 README

한눈에 보기

• 스타 105,780개 (2026-11-04 기준) • 사용 언어: TypeScript 71.7% (웹 앱을 만드는 언어), HTML 21.4% (웹 페이지 뼈대), CSS 4.3% (화면 꾸밈) • 라이선스: Apache-2.0 (소스를 공개하고 자유롭게 쓰도록 허용하는 오픈소스 라이선스) • 한국어: 앱 화면 언어에 한국어가 있어요 • 생성: 2026년 4월 28일 https://github.com/nexu-io/open-design

써 보는 법

1) 아래 주소에서 macOS 또는 Windows 설치 파일을 받아 설치해요. Linux 는 공식 설치 파일이 없어요. https://open-design.ai 2) 앱이 컴퓨터에 깔린 AI 코딩 에이전트(Claude Code, Codex 등)를 자동으로 찾아요. 없으면 설정에서 주소(baseUrl)·API 키·모델 이름을 넣거나 Ollama 같은 로컬 모델을 연결해요. 3) 시작 화면에 브리프를 입력하면 에이전트가 시안을 만들어요. 앱은 Apache-2.0 오픈소스이고, 모델 사용 비용은 내 구독이나 API 키 요금이에요.

인기 댓글

GitHub 이슈 #6771 · 반응 13개 · kmbuthia · 2026년 9월 "다크 모드가 돌아오지 않으면 더는 쓰지 않을 거예요. 다크 모드가 있던 버전을 쓰다가 업데이트 후 라이트 모드만 있는 화면을 보면 눈 통증이 더 심하게 느껴져요." (번역) https://github.com/nexu-io/open-design/issues/6771#issuecomment-5490274440

알아 둘 점

현재 앱은 라이트 모드만 지원해요(이슈 #6771, 2026-10-29 저장소 답글 기준). OpenDesign Cloud 와 클라우드 모델은 요청이 해당 서비스로 전송되고, 공식 요금제(OpenDesign Go)는 별도 유료예요.

AI 도움을 받아 정리한 글이에요.