페낭에서 2주차네요!
오늘은 클로드디자인의 무료 버전 Open Design을 소개합니다. :)
Claude Design처럼 대화로 웹페이지와 슬라이드를 만들 수 있는데요!
오픈 디자인은 클로드 디자인의 '무료 버전'을 자청하고 있어요.
설치 과정, 기존 템플릿으로 웹디자인을 만들기, 디자인 시스템을 직접 만들고 슬라이드 만들기까지 시도해보았습니다.
❶ 오픈 디자인, 정말 무료인가요? - 설치 방법
오픈 디자인은 깃헙(GitHub)에 공개된 오픈소스 프로젝트입니다. 설치해서 로컬에서 실행해보는 것 자체는 무료에 가깝고, 첫 화면에도 클로드 디자인의 오픈소스 대안이라고 적혀 있어요.
명령어 세 줄과 '회원가입 없이(No signup)' 메시지가 보입니다
이걸 복사해서 터미널을 실행해서 넣어도 되고, 저는 안티그래비티 대화창에 그냥 던졌어요.
오픈 소스가 제 컴퓨터로 복제되고, 로컬 주소가 제시됩니다. 여기를 클릭하면 오픈디자인을 쓸 수 있어요!
안내 화면에서 차례로 Continue를 누르면 설치 끝!
여기서 중요한 포인트가 있어요. 오픈 디자인이라는 툴은 열려 있지만, 실제로 이미지를 만들고 슬라이드를 생성하는 모델 비용까지 전부 무료라는 뜻은 아닙니다. 이미 쓰고 있는 클로드 코드(Claude Code), 코덱스(Codex) 같은 도구를 연결하거나, 별도 모델 서비스를 API로 붙여야 해요.
저는 미리 클로드코드, 코덱스, 에르메스 등이 깔려있기에 옵션으로 선택할 수 있게 되어 있네요.
또는 API 사용을 선택하여 저렴한 deepseek 같은 모델을 API로 연결하여 사용할 수도 있습니다.
'무료'의 의미 - 툴 자체는 오픈소스로 열려 있고, 내 컴퓨터에서 돌아가기 때문에 회원가입 없이 로컬에서 실행해볼 수 있습니다. 하지만 결국 내가 가진 AI 모델 환경이 필요해요. 그래서 '완전 공짜 디자인 AI'라기보다는 '클로드 디자인 같은 경험을 로컬에서 실험해볼 수 있는 무료 오픈소스 작업대'에 가깝습니다.
❷ 먼저 템플릿으로 웹페이지 디자인을 만들어봤어요
오픈 디자인에는 서로 템플릿을 나누면서 기여하는 문화가 있더라고요. 이미 많은 템플릿이 제공되고 있었고, 아예 콘텐츠를 복제하거나 플러그인 구조만 가져오는 두 가지 옵션이 있었습니다..
웹 디자인 외에도 이미지 생성을 위한 템플릿들도 있어요.
물론 채팅 창에 '디자인'버튼을 눌러 단순히 디자인시스템만 고르는 것도 가능합니다.
저는 아래 템플릿을 골랐습니다. 크리에이티브 모드(Creative Mode) 계열 템플릿이었어요. 컬러가 강하고, 타이포그래피가 큼직하고, 카드 구조가 확실한 스타일이었습니다.
기존 템플릿을 복제하거나 구조만 가져오는 화면기존 템플릿 미리보기. 콘텐츠 복제 또는 플러그인만 사용 옵션이 보입니다.
템플릿을 고르니 위 프롬프트는 자동으로 작성이 되었고
'afterworkclub.ai 퇴근후AI 웹사이트' 프롬프트만 따로 추가했어요.
간단한 질문을 몇 던져서 대답했더니
몇 분 후 결과가 나왔습니다. 기존 템플릿과 흡사하게 잘 만들어주었죠?!
❸ 이미 가지고 있는 디자인 시스템으로 PPT도 만들어봤어요.
며칠전 링크드인에 '한국 기업형 슬라이드 스킬'을 공개했는데요.
AI 채팅에서 따라하고 싶은 PPT 이미지 + 프롬프트를 던져 skill.md를 만들고
> 젠스파크에서 이 텍스트로 skill.md를 만들고
> 젠스파크 AI 슬라이드로 PPT도 만들었습니다.
그 결과물은 이랬는데요.
동일한 skill.md를 이 오픈 디자인에도 넣어보았습니다.
왼쪽에 '디자인 시스템' 버튼을 눌러 접속하고 '내 디자인 시스템 만들기'를 누릅니다.
제가 가지고 있던 디자인 스킬을 그대로 넣었지만 github repo나 로컬 디자인 코드, 피그마 파일 등 자유롭게 에셋을 넣을 수도 있어요.
5분 정도 걸린다고 안내가 되네요.
완료가 된 후에도 수정 프롬프트가 제안이 되더라고요! 그대로 넣어서 개선도 해보았습니다.
다음 단계 제안을 보면 다양한 후속작업 추천도 있고요.
완성된 디자인 시스템을 open-design에 올려 기여하거나, 플러그인/템플릿으로도 만들 수 있어요.
다시 오픈디자인으로 돌아와 저희가 방금 만든 디자인 시스템을 고르고
아무 PPT 주제를 넣어봐요.
PPT 10장이 만들어지는 중입니다!
PDF 내보내기를 시도했는데
다운로드가 온전치 않아 실망스러웠어요!
그래서 대신 .zip으로 내보내서
안티그래비티에게 폴더 경로는 주며 html -> PPT 변환을 요청했습니다.
완성 결과! 깔끔하긴 하지만 아무래도 젠스파크의 결과가 좀 더 오밀조밀 했던 것 같아요.
❹ 인스타그램 카드뉴스도 만들어보기
핀터레스트에서 원하는 느낌의 카드뉴스 디자인을 찾아
아래와 같이 요청했어요.
삽입할 이미지 폴더에는 이런 이미지들이 있습니다.
또 여러가지 질문을 던지네요!
완성!
결과 퀄이 꽤 괜찮네요!
1회성으로 만들었지만 계속 반복 사용된다면 디자인시스템을 만들고 계속 재사용할 수 있습니다.
클로드 디자인, 퀄리티는 좋은 만큼 토큰 소모가 크다는 평이 많았는데요!
그 기능은 그대로 가져와 더 저렴한 API도 연결하여 사용할 수 있는 오픈디자인도 한 번 활용해보세요!
의견을 남겨주세요