UI Discovery인증됨
실제 서비스의 UI 레퍼런스와 디자인 리소스를 찾아보세요
소프트웨어 제품을 운영하시나요? 무료로 등록하세요. 담당자가 읽어 보고 하루 안에 공개합니다.제품을 운영하시나요? 무료로 등록하세요.
제품 등록인터페이스 디자인, 디자인 시스템, 개발 전달.
실제 서비스의 UI 레퍼런스와 디자인 리소스를 찾아보세요
인터페이스와 그 뒤의 시스템을 디자인하는 도구입니다. 화면, 컴포넌트, 변수, 문서, 그리고 만드는 사람에게 넘기는 개발 전달이 대상입니다. 그리기에서 멈추는 제품도 있고, 프로토타입, 리서치, 콘텐츠 워크플로까지 확장하는 제품도 있습니다.
아이디어를 시험하기 위한 클릭 가능한 흐름은 프로토타이핑에 있습니다. 영상이나 모션 결과물을 겨냥한 것은 영상·화면 녹화에 속합니다.
디자인 소프트웨어는 예전에는 파일을 만들어 내는 1인용 애플리케이션이었습니다. 지금은 대부분 공유 워크스페이스이고, 그 변화가 어떤 제품이 팀에 맞는지를 결정합니다.
동시 편집보다 주변의 오가는 흐름이 더 중요합니다. 해결 처리되는 댓글, 읽을 수 있는 기록이 남는 버전, 항상 현재 상태를 보여 주는 링크, 외부 고객이 아무것도 망가뜨리지 않고 볼 수 있게 하는 권한입니다.
브라우저 우선 제품은 접근성에서 이기고 오프라인 작업과 무거운 파일에서 집니다. 파일 기반 제품은 둘 다 반대입니다. 어느 쪽이 일반적으로 낫다는 것은 없으며, 어느 쪽이 더 새로운지가 아니라 팀이 실제로 일하는 방식에 달려 있습니다.
화면이 몇 개를 넘으면 가치는 그림에서 그 밑의 시스템으로 옮겨 갑니다.
컴포넌트가 변형, 상태, 중첩, 오버라이드를 어떻게 다루는지 보고, 컴포넌트가 이백 곳에 쓰이게 되면 업데이트가 얼마나 고통스러워지는지 보세요. 그다음 변수나 토큰을 보세요. 색상, 간격, 모서리 반경, 글자 크기를 한 번만 이름 붙이고, 테마와 밀도에 따른 모드를 둡니다.
시스템이 제값을 하는 곳은 코드와의 연결입니다. 토큰을 빌드가 사용할 수 있는 형식으로 내보낼 수 있는지, 파일의 컴포넌트 이름이 저장소의 컴포넌트 이름과 일치하는지 물어보세요. 둘이 어긋나면 모두가 파일을 신뢰하지 않고 디자이너에게 직접 묻기 시작합니다.
문서도 같은 워크스페이스에 자리를 잡아야 합니다. 문서화된 규칙이 없는 시스템은 1년 안에 같은 버튼의 마흔 가지 변형이 됩니다.
다섯 번째 항목이 어떤 기능 부족보다 많은 재작업을 만듭니다. 어떤 도구를 고르든 공유되는 진실은 모두가 닿을 수 있는 한 곳에 있어야 합니다.
큰 파일에서 이 제품들이 갈립니다. 수백 개의 프레임, 삽입된 이미지, 중첩된 컴포넌트, 10년 치 기록이 쌓인 문서를 열면 빠른 도구와 느린 도구의 차이를 1분 안에 알 수 있습니다.
버전 기록의 깊이를 확인하세요. 입문 요금제는 보관 기간이 짧은 경우가 많은데 디자인 결정은 몇 달 뒤에 논쟁거리가 됩니다. 워크플로가 플러그인에 의존한다면 플러그인 제공 여부를 확인하세요. 요금제가 만료되면 공유 링크가 어떻게 되는지도 확인하세요.
요금은 거의 어디서나 편집자 기준입니다. 댓글 작성자와 조회자는 무료이거나 훨씬 저렴합니다. 이 구조는 누가 진짜로 편집하는지를 정하는 쪽에 보상을 줍니다.
개발자, 프로덕트 매니저, 임원, 고객은 보통 그리는 것이 아니라 읽고 댓글을 답니다. 이들에게 정식 사용자 자리를 사 주는 것이 이 카테고리 비용이 마땅한 수준의 두 배가 되는 표준적인 경로입니다.
요금제 경계도 살피세요. 공유 라이브러리, 브랜칭, 싱글 사인온, 고급 권한은 입문 등급 위에 있는 경향이 있고, 성장하는 팀이 요금제를 올리는 이유가 대개 이 중 하나입니다. 시장 전반의 비슷한 패턴은 요금 페이지가 감추는 것에 정리되어 있습니다.
결정하기 전에 실제 프로젝트 하나를 옮겨 보세요. 샘플 파일이 아니라, 레이어가 어수선하고 엉뚱한 곳에 댓글을 다는 고객이 있는 진짜 프로젝트입니다.
이 카테고리의 마찰 대부분은 도구가 아니라 디자인 팀 주변 사람들에게서 옵니다.
개발자에게는 치수, 토큰, 최신 링크가 필요합니다. 프로덕트 매니저는 아무것도 망가뜨리지 않고 댓글을 달 수 있어야 합니다. 임원에게는 아트보드가 마흔 개인 파일이 아니라 이미지 하나가 필요합니다.
이를 의도적으로 구성하세요. 프로젝트마다 현재 화면만 담은 페이지 하나를 두고 탐색 작업은 다른 곳에 두면, 어느 버전이 진짜냐는 반복되는 질문이 없어집니다.
이름 짓기에도 같은 규율이 적용됩니다. 최종, 최종2, 최종승인이라는 이름의 파일은 규칙이 없다는 증상이며, 어떤 제품도 이를 해결하지 못합니다. 공유 링크가 무엇을 가리키는지 합의하고, 나머지는 찾지 않는 사람들의 눈에 띄지 않게 치워 두세요.
대개는 필요 없습니다. 이제 대부분의 디자인 플랫폼이 검토와 테스트에 충분할 만큼 클릭 가능한 흐름을 지원합니다. 인터랙션에 실제 로직이 있거나 리서치 세션에 계측이 필요할 때 전용 도구가 제 몫을 합니다.
편집자 사용자 기준이며, 조회자와 댓글 작성자는 보통 무료이거나 훨씬 저렴합니다. 실제로 편집하는 사람을 세어 보세요. 파일을 열어 치수만 읽는 개발자에게 정식 사용자 자리를 사 주는 팀이 흔합니다.
브라우저 우선 도구에서는 거의 어렵습니다. 기능이 제한된 오프라인 모드를 제공하는 곳도 있고, 파일 기반 애플리케이션은 평소처럼 동작합니다. 팀이 이동이 잦거나 연결이 불안정하다면 가정하지 말고 시험해 보세요.
원시 값이 아닌 이름 붙은 토큰, 실제 구현과 일치하는 컴포넌트, 개발자가 묻지 않고 읽을 수 있는 명세입니다. 도구가 도와주지만, 아무도 관리하지 않는 디자인 시스템은 스프린트마다 같은 질문을 낳습니다.
부분적으로만, 그리고 완벽하지는 않습니다. 레이어와 텍스트는 보통 가져오기에서 살아남습니다. 컴포넌트, 변수, 인터랙션, 플러그인이 만든 콘텐츠는 대개 그렇지 않으므로 이전은 옮기기가 아니라 다시 만들기로 생각하세요.