커뮤니티 스토리 · 홍콩

홍콩에서는 OpenDesign을 단순히 체험하는 데 그치지 않고, 실제 작업으로 제대로 검증했습니다.

8월 16일, 한 빌더 룸에서 브랜드 시스템, 라이브 데이터, 모델 및 기술을 작업 결과물로 전환하고 에이전트 작업 공간이 가치를 창출하는 위치를 정확히 보여주었습니다.

홍콩 워크숍

제작, 공유, 제품 피드백을 위한 실시간 실습 세션입니다.

디자인 시스템 실시간 데이터 인터랙티브 데크 웹 경험 팀 작업흐름
작업공간에 들어온 것다른 사람에게 보여줄 가치가 있는 브랜드 자산, 프로젝트 컨텍스트, 모델, API, 프롬프트 및 아이디어.
8월 16일
일요일 오후에는 건물을 짓고 공유하는 시간을 가졌습니다.
홍콩
모든 노트북이 열려 있는 긴밀한 협업 공간입니다.
아이디어 → 아티팩트
첫 번째 메시지부터 대화형 및 프레젠테이션 가능한 메시지까지.

OpenDesign 홍콩 워크숍에서 참가자들이 노트북 주위에 모였습니다.
세션은 공유 연습에서 라이브 구축, 문제 해결, 쇼 앤 텔로 빠르게 전환되었습니다.

무슨 일이 일어났나요?

워크숍이 실제 제품 실습실로 바뀌었습니다.

참가자들은 프레젠테이션, 대시보드, 웹사이트, 제품 프로토타입 전반에 걸쳐 작업했습니다. 일부는 기존 브랜드나 디자인 시스템으로 시작되었습니다. 다른 사람들은 외부 데이터와 API를 연결한 다음 결과를 시각적이고 대화형으로 만들었습니다.

작업 범위가 중요했습니다. OpenDesign이 일회성 생성기가 아니라 사람들이 구축하고, 검사하고, 개선하고, 발표할 수 있는 작업 공간으로서 매우 다양한 작업 전반에 걸쳐 컨텍스트를 유지할 수 있는지 여부를 테스트했습니다.

모든 성공과 마찰의 모든 순간은 유용한 피드백이 되었습니다. 새로운 사용자가 모델을 얼마나 빨리 연결할 수 있는지, 편집이 얼마나 예측 가능한지, 완성된 결과물을 다른 사람에게 쉽게 전달할 수 있는지 여부 등이 있습니다.

가장 강력한 순간은 완벽한 데모가 아니었습니다. 방에 접속하여 실제 작품을 생존하는 모습을 지켜보고 있었습니다.
OpenDesign 홍콩 워크숍 · 8월 16일

재단

디자인 시스템은 모든 새로운 유물이 연결된 느낌을 줍니다.

이 방에서 가장 명확한 제품 가치는 일관성이었습니다. 참가자는 브랜드 웹사이트나 저장소를 가져와 공유 타이포그래피, 간격 및 자산을 설정한 다음 해당 시스템을 데크, 소셜 콘텐츠, 프로토타입 및 웹 페이지 전반에서 재사용할 수 있습니다.

그것이 AI의 역할을 바꾼다. 작업 공간은 분리된 시각적 개체를 생성하는 대신 모델과 에이전트에게 일련의 경계를 제공하므로 팀은 매번 시각적 언어를 시작하지 않고도 빠르게 움직일 수 있습니다.

브랜드 컨텍스트 디자인 시스템 모델 및 기술 작업 중인 아티팩트 개선 공유
OpenDesign의 디자인 시스템 워크플로를 발표하는 참가자입니다.
브랜드 결정은 모든 프롬프트에서 반복되어야 하는 지침이 아니라 재사용 가능한 컨텍스트가 되었습니다.

라이브 빌드 · 01

복잡한 아이디어는 단순히 설명할 수 있는 것이 아니라 탐색할 수 있게 되었습니다.

한 참가자는 추상적 모델을 더 쉽게 따라갈 수 있도록 애니메이션 및 대화형 요소를 추가하여 두 가지 버전의 시스템 사고 프레젠테이션을 만들었습니다.

또 다른 연결된 홍콩 공개 데이터와 지도 API를 사용하여 API 문서를 먼저 작업하지 않고도 실시간 날씨 대시보드를 만들 수 있습니다. 자연어 의도는 데이터와 사용 가능한 인터페이스 사이의 다리가 되었습니다.

홍콩 워크숍에서 제작된 대화형 시스템 사고 프레젠테이션입니다.
시스템 사고 모델은 동작과 상호 작용을 얻었으므로 관계를 더 쉽게 탐색할 수 있습니다.
OpenDesign 및 공공 데이터 API를 사용하여 만든 실시간 홍콩 날씨 대시보드입니다.
홍콩 오픈 데이터 및 매핑은 자연어 워크플로를 통해 라이브 대시보드가 ​​되었습니다.

라이브 빌드 · 02

분석부터 분위기까지 쇼앤텔이 펼쳐졌습니다.

방이 한 종류의 출력으로 수렴되지 않았습니다. 구조화된 대시보드 및 프레젠테이션과 함께 분위기를 조성하고 관심을 끌고 탐색을 유도하기 위해 구축된 표현력이 풍부한 웹 경험이 있었습니다.

이러한 다양성이 에이전트 작업 공간의 핵심입니다. 동일한 기본 시스템이 엄격한 내부 프로토타입, 대화형 설명자 또는 즉시 제시할 수 있는 시각적 개념을 지원할 수 있습니다.

OpenDesign Hong Kong 워크숍에서 몰입형 웹 경험을 선보이고 있는 참가자.
폐막 쇼케이스에서는 실용적인 도구와 표현력이 뛰어난 시각적 실험을 위한 공간이 마련되었습니다.

방에서 우리에게 알려준 것

강력한 작업 흐름은 여전히 가장자리에서 수월하게 느껴져야 합니다.

프롬프트가 표시되기 전에 시작하세요.

처음 사용자가 CLI 도구나 API 키를 이해하지 않고도 시작할 수 있을 정도로 연결, 승인 및 모델 설정이 명확해야 합니다.

AI 우선은 여전히 ​​직접 제어가 필요합니다.

사람들은 예측 가능한 이미지 생성과 에이전트 중심 편집과 함께 드래그, 크기 조정, 정렬, 실행 취소와 같은 간단한 작업을 원합니다.

배송으로 워크플로가 완료됩니다.

완성된 아티팩트는 수신자에게 기술적인 요구를 하지 않고도 공유 링크, PDF, Word 문서, Feishu 또는 Google 드라이브로 쉽게 이동되어야 합니다.

우리가 배운 것

OpenDesign은 디자인 시스템, 에이전트, 데이터 및 편집 가능한 출력이 한 곳에서 만날 때 가장 유용합니다.

일관성은 승수입니다.

재사용 가능한 디자인 시스템을 사용하면 모든 새로운 아티팩트가 올바른 시각적 맥락에서 시작될 수 있습니다.

실시간 연결이 놀라운 순간을 만들어냅니다.

모델과 기술은 실제 데이터를 사람들이 사용하고 보여줄 수 있는 것으로 변환할 때 실체화됩니다.

라스트 마일은 창조의 일부입니다.

편집 가능성, 내보내기 및 공유는 인상적인 결과가 실제 작업의 일부가 될지 여부를 결정합니다.

다음 단계

다음 OpenDesign 세션에 실제 워크플로를 가져옵니다.

최고의 커뮤니티 워크숍은 사람들이 이미 관심을 갖고 있는 작업에서 시작하여 함께 구축하고, 질문하고, 다듬고, 공유할 수 있는 충분한 공간을 만듭니다.

OpenDesign 데스크톱

하나의 디자인 시스템으로 모든 결과물에 브랜드 일관성을

완전한 Vibe Design Workspace에서 하나의 브랜드 규칙을 웹사이트, 슬라이드, 인터랙티브 프로토타입, 대시보드, 이미지, HTML 영상에 적용하세요. 로컬 Codex, Claude Code, Cursor 등을 연결해 무료로 제작할 수 있습니다.

  • 웹, 슬라이드, 프로토타입, 대시보드, 이미지, 영상
  • 140개+ 디자인 시스템과 전체 템플릿·스킬 라이브러리
  • 로컬 Codex 및 21개+ 코딩 에이전트 연결 · 무료
무료 다운로드

macOS, Windows 지원