디자인을 눌리는 형태로 바꾸고 그것을 개발에 넘기는 일은 대개 여러 도구 사이를 오가며 이뤄진다. Marvel 은 그 줄기를 브라우저 안에 담는다. 밑그림과 시제품, 인계, 시험, 의견에 각각 입구가 있고 자료는 하나만 존재한다.

브라우저에서 열리는 작업대

Marvel 은 브라우저에서 도는 디자인 도구다. 공식은 현대의 디자인 팀에 빠른 시제품과 시험, 인계를 준다고 정리하고, 밑그림과 디자인, 시제품을 한자리에서 끝낼 수 있으며 거친 단계부터 정교한 단계까지 아우른다고 말한다. 2013 년 곁가지 작업으로 시작했고 공식에 따르면 지금은 이백만이 넘는 개인과 팀이 쓴다.

프로젝트를 열면 화면이 두 층으로 나뉜다. 왼쪽은 도구 줄과 그리는 자리이고 거기에 화면이 한 장씩 놓인다. 오른쪽은 속성 자리로 위치와 크기, 모서리 둥글기, 채우기, 투명도를 다룬다. 초점이 어느 층에 있든 그 자리가 따라온다.

밑그림과 디자인과 시제품을 한곳에

디자인 능력은 안에 들어 있다. 화면을 더할 때 안의 편집 자리에서 그리기를 고르면 다른 그리기 프로그램을 열지 않아도 된다. 뼈대 그림도 완성된 화면도 그릴 수 있고 쪽 전환으로 여러 디자인 사이를 옮긴다. 그린 디자인은 인계에 필요한 코드와 표시, 재료를 스스로 지닌다.

시제품은 누름 자리로 짠다. 누름 자리는 화면 위에 그리는 눌리는 범위이고, 범위를 끌어 내고 갈 화면을 가리키면 한 번 누를 때의 이동이 된다. 공식 순서는 첫 화면에 올라가 시제품 모드로 들어가 범위를 끌어 내고 갈 곳을 고르는 것이며, 재생하면 옮겨 가는 모습이 보인다. 코드는 들지 않고 공식은 정지된 그림에서 움직이는 시제품까지 분 단위로 센다.

디자인을 개발에 넘기기

인계 단계는 Handoff 가 맡는다. 공식에 따르면 디자인과 시제품을 개발을 위한 규격으로 저절로 바꾸고 코드와 재료를 포함해 움직이는 시제품 바로 옆에 보여 준다. 프로젝트 자체가 규격 문서가 되어 표시 작업과 떨어진 문서를 거듭 내보내는 수고가 사라진다. 나오는 것에는 CSS 도, iOS 와 Android 쪽에 필요한 모양 설명도 들어 있고 재료와 함께 묶어 가져갈 수 있다.

다른 길은 나누기다. 시제품은 연결 고리를 만들어 그대로 보낼 수 있고 흐름의 한 토막만 나눌 수도 있다. 어떤 구획을 따로 연결 고리로 복사하면 연 상대에게는 그 구획만 보인다. 공식은 이렇게 하면 관계자와 개발이 확인할 부분에만 집중한다고 말한다.

사용자 시험과 협업

사용자 시험은 시제품 하나를 고르고 도구가 전용 연결 고리를 만들며 그것을 참가자에게 보내면, 상대가 컴퓨터나 휴대전화로 열어 시작한다. 시험 동안 화면과 소리, 앞쪽 카메라가 기록된다. 동시에 돌릴 수 있는 수는 안에 따라 다르고 개인 안은 셋, 팀 안은 열, 기업 안은 협의로 정한다.

협업은 의견을 축으로 돈다. 의견에는 공개와 비공개가 있고 비공개는 팀 사람만 보며 바깥 고객이나 외주와 나란히 이야기할 때 맞는다. 참여는 역할로 프로젝트에 들어간다. 팀 구성원은 계정 아래 모든 프로젝트를 보고 기여자는 초대받은 것만 본다. 의견은 화면의 특정 자리에 놓이고 고친 뒤에도 그 자리에 붙어 있다.

안과 값

무료 안은 기간 제한이 없고 한 사람과 프로젝트 하나를 준다. 공식 흔한 질문에는 세는 시계가 없어 올리기로 정할 때까지 쓸 수 있다고 적혀 있다. 개인 안은 해마다 내는 기준으로 달에 십이 달러이고 프로젝트 수 제한이 없으며 동시 시험 자리 셋, 시제품과 디자인 내보내기, 화면의 Marvel 표시 제거가 붙는다. 팀 안은 해마다 내는 기준으로 달에 마흔두 달러이며 세 사람부터 시작하고 시험 자리가 열로 늘며 우선 지원이 더해진다.

기업 안은 요청에 따른 견적으로 사람 수와 프로젝트 수, 시험 횟수에 상한이 없고 초대받은 사람만 보는 프로젝트, 더 세밀한 보안 설정, 한 번 로그인을 지원하며 계산서와 계좌 이체도 된다. 학생과 교사는 해마다 내는 안에서 삼십 퍼센트를 깎고 등록한 비영리 단체는 오십 퍼센트를 깎는다.

어떤 사람에게 맞는가

혼자 제품을 디자인하는 사람은 밑그림과 시제품을 여기서 끝내고 인계 설명을 내놓는다. 두세 사람의 작은 팀은 팀 안으로 의견과 시험, 프로젝트 권한을 한곳에 모은다. 회사를 넘어 진행하는 프로젝트는 비공개 의견과 초대 전용 프로젝트로 바깥 협업과 안쪽 논의를 가른다. 결과를 휴대전화로 확인하고 싶은 사람은 휴대용 앱으로 시제품을 열어 본다.

항목

공식 정보

성격

브라우저 안의 디자인과 시제품 도구

중심 능력

밑그림과 디자인, 시제품, 인계, 사용자 시험, 협업

지원 환경

브라우저, 그 밖에 iOS 와 Android 앱

무료 안

기간 제한 없음, 한 사람과 프로젝트 하나

개인 안

해마다 내는 기준 달에 십이 달러, 프로젝트 무제한, 시험 셋

팀 안

해마다 내는 기준 달에 마흔두 달러부터, 세 사람부터, 시험 열

기업 안

요청 견적, 사람과 프로젝트 무제한, 한 번 로그인

디자인 도구를 고르는 일은 대개 도구를 몇 번 덜 갈아탈지에 달려 있다. 밑그림과 시제품, 시험, 인계가 한 디자인을 나눠 쓰면 아끼는 것은 들이고 내는 일만이 아니라 고칠 때마다 다시 맞추는 그 시간이기도 하다.