UI 디자인·프로토타입: 도구와 앱

무엇을 비교해야 할까요?

두세 화면짜리 작은 흐름을 디자인해 컴포넌트를 만들고, 자동 레이아웃을 써 보고, 화면을 연결해 휴대폰에서 프로토타입을 열어 보세요. 팀원과 같은 파일에 댓글을 달고 개발자 보기에서 크기와 색상 코드를 읽는 것도 시험하세요.

무료 요금제에 파일, 페이지, 편집자 수, 버전 기록 제한이 있는지 공식 요금 페이지에서 확인하세요. 다른 도구나 개방형 형식으로 내보내기, 오프라인 작업, 자체 서버 호스팅은 출처에서 확인하기 전에는 가능하다고 보지 마세요.

와이어프레임, 목업, 프로토타입은 어떻게 다른가요? 와이어프레임은 배치를 보여 주는 간단한 초안이고, 목업은 색과 이미지로 완성된 모습을 보여 주며, 프로토타입은 화면 사이를 클릭해 이동할 수 있는 모형입니다. 초기에 와이어프레임으로 시작하면 수정 비용이 줄어듭니다.

디자인 도구가 코드를 자동으로 만들어 주나요? 크기, 색상, CSS 값을 보여 주거나 코드 조각을 만들어 주는 도구도 있지만, 그 결과가 바로 배포할 수 있는 앱 코드인 경우는 드뭅니다. 어떻게 활용할지는 개발자와 함께 정하세요.