디자이너 및 개발자를 위한 공동 작업 응용 프로그램 제플린(Zeplin)

Zeplin(제플린)은 디자이너가 작업한 디자인을 바탕으로 개발자와 원활하게 소통할 수 있도록
도와주는 핸드오프 툴입니다.
개발자가 디자인을 화면에 구현하기 위해서는 개발 언어로 표현할 수 있는 정보(요소들의 크기, 색상, 위치, 간격, 폰트 등)를 알아야 합니다.
핸드오프 툴이란 이와 같은 정보를 좀 더 쉽게 공유할 수 있도록 도움을 주는 툴을 뜻합니다.

1. 디자이너와 개발자 모두에게 필요한 기능

제플린은 현재 IT업계에서 사용되는 주요 디자인 툴 대다수와 연동할 수 있습니다. 어도비 xd, 포토샵, 피그마, 스케치. 이는 제플린을 사용하기 위해 디자인 툴을 바꿀 필요가 없다는 뜻입니다. 디자이너가 손에 익은 디자인 툴을 그대로 사용하고, 제플린을 연동하여 디자인 파일을 추출만 해주면 핸드오프를 위한 첫번째 준비는 완료됩니다.

개발자 또한 제플린을 사용하게 되는 이점이 많습니다. 스타일가이드나 요소 간의 간격, 배치에 대해 문서로 전달받아 하나하나 찾아보며 일하지 않아도, 제플린에 업로드된 화면(screen)을 직접 보며 원하는 개발언어(CSS, React Native, Swift, XML 등)로 각 요소의 정보를 손쉽게 확인하고, 이미지 등의 구성요소를 추출할 수 있습니다. ‘디자이너님 여기 이 이미지 2배수로 주실 수 있나요?’, 같은 번거로운 질문을 할 필요가 없게 됩니다.

디자인된 이미지 파일을 캡처한 뒤, 캡처한 이미지에 펜으로 표시해가며 소통해갈 필요 또한 없습니다. 제플린 자체 코멘트 기능을 이용해 요소에 정확하게 표시해 코멘트를 남길 수 있기 때문이죠.

개발자를 위한 제플린
디자이너를 위한 제플린

2. 함께 사용하면 더 좋은, 협업 툴 연동

자체 협업 기능 외에도 다양한 기능을 지원하기 위해 협업 툴과 연동할 수 있습니다. 이미 팀이나 조직이 사용하고 있는 협업 툴이 있다면 연동을 통해 더욱 편하게 사용할 수 있습니다. 현재 제플린에서 연동을 지원하고 있는 툴은 Slack, Jira, Teams, VS Code, Trello입니다.

  • Slack 채널에 제플린을 추가하면 프로젝트의 화면, 색상, 텍스트 스타일, 메모, 답장, 멤버 및 프로젝트 상태(활성화됨/보관됨)에 대한 업데이트를 Slack에서 알림으로 받아볼 수 있습니다.
  • Trello의 Power-up을 사용하면 제플린 계정 또는 조직을 연결하여 프로젝트, 화면 및 태그를 Trello 카드에 첨부하여 미리 보고 빠르게 접근할 수 있습니다. 또한 제플린 링크를 댓글, 카드 설명에 직접 붙여 넣을 수 있습니다.
  • 제플린을 Jira Cloud 또는 Jira Server에 연결하여 양방향 협업이 가능합니다. Jira에서 “Attach from Zeplin” 버튼을 클릭하면 제플린의 가장 최신 화면, 섹션 또는 프로젝트가 표시됩니다. Jira에서 첨부된 화면을 클릭하면 전체 해상도로 표시됩니다. 첨부할 수 있으며 제플린으로 내보낸 화면을 빠르게 연결할 수 있습니다.

사용자 유형에 따른 가격 선택 가이드

제플린 도입에 앞서 Free 플랜을 통해 맛보기를 끝냈다면, 나의 팀 혹은 회사에 도입하고 싶어질 것입니다. 그럼 어떤 플랜을 사용하는 것이 좋을까요?

제플린의 모든 플랜은 seat(초대된 계정의 수를 뜻함)의 개수에 따라 비용을 지불합니다. 디자이너, 개발자 등 핸드오프 과정에 참여해야 하는 작업자들을 팀에 초대하여 사용할 수 있습니다

Free 플랜에서는 개인 작업영역(Personal Workspace)만을 지원합니다. Team 플랜부터는 개인 작업영역이 팀 작업영역(Team Workspace)이 됩니다. 작업영역에서 프로젝트를 생성하여 핸드오프 기능을 이용할 수 있습니다.

프로젝트는 특정 플랫폼에 대한 화면(아트보드) 모음을 부르는 명칭으로, 프로젝트에 포함할 수 있는 화면 수에는 제한이 없습니다. 그러나 일정 이상의 화면을 등록한 경우 부하가 발생할 수 있어, 프로젝트당 150~200개 미만의 화면을 내보내는 것이 좋습니다.

스타일가이드는 특정 플랫폼에 대한 색상, 텍스트 스타일, 간격 및 구성 요소의 모음입니다. 각 플랜은 활성가능한 스타일가이드 개수에 대한 제한이 다릅니다. 일반적으로 디바이스나 플랫폼 단위로 스타일 가이드가 다를 수 있기 때문에, 실제로는 하나의 업무단위여도 PC, mobile, app 과 같은 식으로 프로젝트와 스타일가이드를 분리하여 관리하는 것이 좋습니다.

프로젝트 또는 스타일가이드를 보관하는 기능을 사용하여 클라우드에 저장하고, 구성원이 프로젝트 또는 스타일가이드에 액세스하는 것을 방지할 수 있습니다. 즉, 사양, 코드 조각, 프로젝트, 스타일가이드 및 메모는 누구에게도 제공되지 않습니다. 보관된 프로젝트는 여전히 클라우드에 저장되므로 나중에 해당 프로젝트가 다시 필요할 때 다시 활성화할 수 있습니다. 물론 Free 플랜을 사용 중인 경우 프로젝트의 상태를 변경할 수 없습니다.

Team 플랜이 적합한 규모와 협업 조건

Team 플랜과 Organization 플랜의 가장 큰 차이점은 프로젝트와 스타일가이드의 수량 제한입니다. Team은 12개의 활성 프로젝트와 12개의 스타일가이드까지 지원하는 반면, Organization 플랜은 무제한의 프로젝트와 무제한의 스타일가이드를 지원합니다. 작은 규모의 팀 또는 기업으로 한 번에 여러 개의 업무를 진행하지 않으며, 소수의 작업자만이 핸드오프 과정에 참여하여 버전 트래킹이 불필요한 경우에 가장 적합한 플랜입니다.

물론 Team 플랜으로도 많은 프로젝트를 동시에 진행할 수 있습니다. 다만 활성화된 프로젝트가 12개가 넘어가게 되면 프로젝트의 상태를 비활성화 상태로 전환하여야만 한다는 단점이 있습니다. (프로젝트를 보관하면 구성원이 프로젝트 또는 스타일가이드에 액세스하지 못하게 합니다. 즉, 비활성화(보관)된 프로젝트의 사양, 코드 스니펫, 프로젝트, 스타일가이드 및 메모는 누구에게도 제공되지 않습니다.)

업무에 참여할 작업자가 많고 각 화면의 수정사항에 대한 버전 트래킹이 필요하며 보안과 권한설정이 요구되는 환경이라면 그 다음 플랜인 Organization 플랜을 고려하는 것이 바람직합니다.

제플린_조직 1

Organization 플랜이 적합한 규모와 협업 조건

Organization 플랜은 무제한의 프로젝트와 무제한의 스타일가이드를 지원합니다. Team 플랜과의 차이점은 단순히 프로젝트와 스타일가이드의 개수만이 아닙니다. 또 다른 큰 차이점으로는 사용자 권한과 컨텐츠 권한이 있습니다. 관리자, 편집자, 개발자로 디테일한 권한 설정이 가능합니다. 편집자는 디자인에 대한 편집 권한을 받으며, 개발자는 편집 권한이 불필요하기 때문에 코드 스니펫을 포함한 개발자에게 필요한 기능만을 제공받게 됩니다. 개발자가 실수로 디자인된 화면을 지우거나 파일명을 수정하게 되는 상황은 벌어지지 않게 됩니다. 또한 함께 제공되는 사용자 대시보드를 통해 사용자의 최종 접속 이력을 확인할 수 있습니다. 관리자는 사용자 대시보드를 통해 업무시간 외 접속자 또는 업무시간에 접속하지 않은 사용자를 알 수 있습니다.

Organization 플랜의 멤버들은 동일한 조직의 프로젝트와 스타일가이드에 초대 없이 접근할 수 있습니다. 이는 곧 Team 플랜에서는 하나하나 수동으로 프로젝트마다 관리자가 멤버를 초대해야 했던 수고를 덜 수 있다는 뜻입니다.

다수의 디자이너가 참여하는 프로젝트라면, Team 플랜에서는 이전 2단계까지만 지원하는 버전 트래킹으로 인해 업데이트된 디자인에 대한 히스토리 추적이 어렵습니다. Organization 플랜은 각 화면별로 무제한 버전 트래킹을 제공하여 어떤 사용자가 어떤 화면을 어떻게 수정했는지 모든 히스토리를 조회할 수 있습니다.

Organization 플랜은 12 seat 부터 시작하기 때문에, 실제로 12명 이하가 사용하더라도 최소 지불액은 12명 분의 금액입니다.

프로젝트를 진행하는 구성원이 10명 이상이라면, 특히 1개 프로젝트에 편집자 권한을 받아야 하는 사용자(디자이너)가 3명 이상이라면 Organization 플랜을 추천합니다.

Enterprise 플랜이 적합한 규모와 협업 조건

제플린의 플랜별 기능 비교표를 보면 일견 Organization 플랜과 Enterprise가 없는 것처럼 보입니다. Enterprise 플랜이 가지는 가장 큰 특징은 강력한 보안입니다.

SAML 기반 SSO(Single Sign-On) 기능을 통해 표준 SAML을 사용하는 모든IdP(Identity Provider)를 지원합니다. 보안이슈를 중요하게 다루어야 하는 프로젝트, 또는 팀, 또는 기업이라면 기업에서 사용하는 IdP를 활용하여 SSO 기능을 사용할 수 있습니다. SSO설정을 통해 세션 초과 시간을 정하고, 다른 도메인의 사용자 초대 허용을 선택할 수 있습니다. 도메인에서 사용자 아이디와 비밀번호로 로그인을 시도하면 IdP로 리디렉션 됩니다. 개인 계정이 아닌 기업의 도메인을 사용하기 때문에 개인 이메일을 사용할 수 없게 됩니다. 철저한 보안이 유지되어야 하는 업무를 주로 다루는 기업에서 유용하게 사용할 수 있는 기능입니다. 주요 IdP인 IBM cloud, Jumpcloud, Okta, Onelogin, Microsoft ADFS, SAML 2.0, Ping, G suite, Centrify Idaptive, Microsoft Azure 등과 원활하게 연동되어 작동합니다.

함께 지원하는 특징적인 기능 또한 있습니다. 먼저 우선지원으로, 제플린 지원 센터에 문의나 도움을 요청하는 경우 지원센터와 신속하게 연결할 수 있는 우선 지원 권한을 부여해줍니다. 다른 사용자의 문의보다 Enterprise 플랜을 사용하는 사용자의 문의를 먼저 처리한다는 뜻이죠. 그 외에도 청구방식을 분할하는 기능이 있습니다. 예를 들어 디자이너와 개발자간에 청구를 분할하려는 경우 필요에 맞게 사용할 수 있도록 커스터마이징을 요청하는 것이 가능합니다.

내가 속한 팀 또는 조직에게 적합한 플랜을 찾고, 보다 편하게 제플린을 이용해보세요. 플랜은 언제든지 변경할 수 있습니다. 플랜을 업그레이드하면 변경 사항이 즉시 적용되고 새 요금제에 대해 비례 배분된 금액이 청구됩니다.

Free

0

1개의 프로젝트

Choose Free Plan
Personal Workspace
Up to 6 Project Members
30 Day Version History
Best for freelancers and small teams

Team

110,000
seat / year

12개의 프로젝트

Choose Team Plan
Team Workspace
무제한 Reviewers
💁‍♀️

Reviewers can view a project and read/add notes.

무제한 Version History
Best for enterprise

Enterprise

사용자 지정 가격

Contact Us

Everything in Organization, plus

Single Sign On (SSO)
Invoiced Billing
Dedicated Success Manager
24hr Support SLA
SCIM
* 1년 / 부가세 별도 입니다.
* 기준 환율에 따라 금액은 변동 됩니다.

이제, 제플린(Zeplin)을 국내에서도 손쉽게 구매하실 수 있습니다.

(빠른 견적서 제공, 원화결제 및 세금계산서 발급)

Free

Team

110,000

seat/year
12개의 프로젝트

Organization

203,000

seat/year
최소 12 seat부터
무제한 프로젝트

Enterprise

사용자 지정 가격
2 variant groups
무제한
무제한
무제한
30 일
무제한
무제한
무제한
4 styleguides
12 styleguides
무제한
무제한
99
무제한
무제한
무제한
  • • Admin
  • • Editor
  • • Admin
  • • Editor
  • • Developer
  • • Admin
  • • Editor
  • • Developer
무제한
무제한
무제한