기술지원 문의는 로그인 후에 가능합니다.

확인

Zeplin

Zeplin

핸드오프 툴의 기준 Zeplin

BUTTON

Radius. 25px

 
#BLACK
#000000
TYPEFACE

Noto Sans CJK KR, Regular, 16px

 
#white
#FFFFFF

수많은 디자이너와
개발자가 선택한 핸드오프 툴 Zeplin!

'사용자 중심의 제품(User Centered Design)'이
화두가 되고 있는 시대입니다.
많은 방법론들이 있지만 결국 팀에서의 '원활한 소통'이
필수 요소라는 것에는 모두 동의하고 있습니다.

디자이너, 개발자가 동일한 목표를 바라 볼 수 있도록
도와주는 Zeplin은
팀워크를 위한 필수 Tool로 자리잡았습니다.

* 핸드오프(Hand-off)란? 디자이너가 개발자에게 디자인 파일만 전달하는 것이 아니라 이미지의 크기, 위치, 색상 정보, 폰트 정보 등 다양한 정보를 정리해서 전달해야 합니다. 이 과정을 핸드오프라고 합니다.

핸드오프 툴의 기준 Zeplin

전 세계 수많은 디자이너 / 개발자가 선택하며 핸드오프 툴의 기준을 만들고 있는 Zeplin!

  • 호환성

    사용하는 Design Tool과 연동이 되지 않는다면 핸드오프 툴은 무용지물입니다.
    Zeplin은 주요 Design Tool들과 연동되어 활용도가 높습니다.

    Adobe Xd

    Photoshop

    Figma

    Sketch

  • 높은 인지도

    협업을 위한 Tool은 인지도가 높지 않으면 실제 활용이 어려울 수 있습니다.
    사용자 수 1위를 기록하고 있는 Zeplin은 이런 걱정에서 자유롭습니다.

    출처:2019 Design Tools Survey

  • 사용성

    디자이너가 의도한 색상, 이미지 크기, 텍스트 스타일 등의 정보를 정확한 수치로 변환하여 개발자에게 전달합니다.
    이를 통해 디자인에서 최종 생산까지 효율적인 워크플로우를 제공합니다.

    Zeplin 디자인 가이드

  • 협업앱 협동

    자체 협업 기능도 강력하지만 협업앱과 연동을 통해 다양한 상황에 대응하여 협업을 진행할 수 있습니다.

    Slack 채널에 Zeplin을 추가하면 프로젝트에 대한 화면, 색상, 텍스트 스타일, 메모, 답장, 멤버 및 프로젝트 상태에 대한 업데이트를 Slack에 표시합니다.

    Trello의 Zeplin Power-up을 사용하면 프로젝트, 화면 및 태그를 Trello 카드에 첨부하여 미리 보고 빠르게 액세스 할수 있습니다. 화면을 첨부하면 누가 업데이트 하였는지, 언제, 어느 섹션에 속하는지를 볼 수 있습니다.

    Zeplin을 Jira Cloud 또는 Jira Server에 연결하여 양방향 협업이 가능합니다. Jira에서 “Attach from Zeplin” 버튼을 클릭하면 Zeplin의 최신 화면, 섹션 또는 프로젝트를 첨부할 수 있으며 Zeplin으로 내보낸 화면을 빠르게 연결할 수 있습니다.
    Zeplin 리소스를 Jira 이슈에 첨부하면 이제 Zeplin 내에서 Jira 이슈에 직접 액세스 할 수 있고 첨부된 Jira 이슈를 기반으로 Zeplin에서 화면 또는 섹션을 필터링 하고 즉시 작업이 필요한 디자인을 찾을 수 있습니다.

협업을 위한 선택이 아닌 필수

Zeplin은 개발자, 디자이너, 팀에게 다양한 이점을 제공합니다.

  • 개발자

    • Zeplin은 개발중인 플랫폼에 맞는 정확한 Spec, 에셋, 코드 스니펫을 자동으로 생성합니다.
    • 다양한 협업 앱과의 통합으로 Slack에서는 변경 사항에 대한 알림을 받고 Jira 이슈에 대한 디자인을 볼 수 있으며 에셋, 색상을 IDE로 직접 내보낼 수 있습니다.
      (ex: Xcode, Android Studio)
  • 디자이너

    • 한 번의 클릭으로 Sketch, Adobe XD, Figma, Photoshop 앱에서 Zeplin으로 내보낼 수 있습니다.
    • Zeplin을 사용하면 크기나 여백을 수동으로 작성할 필요가 없어 많은 시간을 절약합니다.
    • 컴포넌트, 색상 및 텍스트 스타일을 구성하는 스타일 가이드를 만들 수 있으며 스타일 가이드를 여러 프로젝트에 연결하면 엔지니어는 모든 프로젝트에서 디자인 시스템을 참조할 수 있습니다.
    • 디자인에서 직접 메모를 추가하여 아이디어, 의견을 전달하거나 기술적 세부사항을 요청할 수 있습니다.
    • Zeplin을 Slack 채널, Trello 보드 또는 Jira에 추가하여 팀은 워크플로우 속도를 높입니다.
    • 조직 전용 워크스페이스 안에서 팀원 모두 작업할 수 있고 팀원을 빠르게 초대하고, 링크를 공유할 수 있습니다.

스마트한 프로젝트 환경 개선

팀은 Zeplin을 통해 다양한 문제를 해결할 수 있습니다.

도입 전

  • 디자이너 A씨(13년 경력) : 파워포인트로 가이드 문서를 작성하다 보니 시간이 너무 오래 걸립니다.
  • 디자이너 B씨(8년 경력) : 디자인과 개발 결과물의 차이가 발생합니다.
  • 개발자 C씨(5년 경력) : 협업 툴의 부재로 불필요한 오프라인 회의가 잦습니다.
  • 개발자 D씨(15년 경력) : 이전 버전과 수정된 버전의 내용을 찾아보기 어렵습니다.

도입 후

  • 디자이너 A씨(13년 경력) : 치수, 색상 값, 텍스트 정보 등 Zeplin에서 자동으로 생성합니다.
  • 디자이너 B씨(8년 경력) : 서로 같은 디자인 파일을 보고 커뮤니케이션을 통해 차이를 줄일 수 있습니다.
  • 개발자 C씨(5년 경력) : Zeplin에서 제공하는 다양한 커뮤니케이션 기능을 통해 불필요한 회의가 줄었습니다.
  • 개발자 D씨(15년 경력) : 모든 아트보드의 변경 사항이 타임스탬프로 구성되어 이전 버전부터 수정된 내용을 모두 확인할 수 있습니다.

기업을 위한 Zeplin 라이선스

개인 사용자를 위한 플랜과 기업을 위한 플랜을 나누어 제공합니다.

  • 개인

    • Starter, Growing Business : 프리랜서 디자이너를 위한 플랜
  • 기업

    • Organization : 다수의 디자이너와 개발자로 구성된 팀을 보유한 기업을 위한 플랜
    • Enterprise : 다수의 디자이너 팀과 개발자 팀을 보유하고 있어 디자인 리소스에 대한 공유 및 보안관리가 필요한 기업을 위한 플랜
라이센스 표
개인사용자 구분 기업사용자
Starter Growing Business Organization Enterprise
Lite Premiere
개인 개인 라이선스 소유 기업 기업
3개 최대 12개 프로젝트 활성화 수 무제한 무제한
1개 1개 최소 구매 12+ 50개 이상 250개 이상
X X 사용자관리(대시보드) O O
2단계 까지 2단계 까지 버전 트래킹 무제한 무제한
X X 전담 Success Manager X X O
X X 맞춤형 온보딩 및 트레이닝 X X O
X X 분기별 사용 분석 X X O
X X 조직 전용 워크스페이스 제공 1개 1개 10개
X X SAML Single Sign-on(SSO) X O
X X Slack, Jira Cloud, Trello 통합 O O
X X Jira Server와 Data Center 통합 X O
X X 이메일을 통한 1영업일 기술지원 X O
X X Master Services Agreement Support X Standard Zeplin Terms of Service Custom Zeplin Master Service Agreement
X X Security review X X Security Review &optional PEN Test

단군소프트와 함께한 Zeplin도입 사례

풍부한 경험을 통해 컨설팅 역량을 갖춘 담당자가 직접 기업의 Needs를 분석하여 적합한 플랜을 적용하고 관리합니다.

도입사례 표
  F사 S사 M사 K사
분석 외주 업체와의 소통을 위해 사용 중인 Zeplin 수량을 늘릴 필요 발생 중요도가 높은 프로젝트를 진행하게 되어 부서 내/외부 보안 강화 필요 Adobe 프로그램 사용량이 높은 기업 Zeplin 사용자 수가 늘어 라이선스 관리가 필요해진 기업
컨설팅 라이선스 추가가 용이한 Organization Plan 도입 강력한 보안기능을 지원하는Enterprise Plan으로 도입 Adobe 프로그램과 강력한 연동기능을 가진 Zeplin 서비스 도입 제안 Growing Business 에서 Organization Plan으로 전환 지원
효과
  • 디자인팀/개발팀 간 협업 효율 증가
  • 편리해진 프로젝트 자원관리
  • 신규 프로젝트 효율 증가
  • 강력한 보안 기능인 SSO인증 도입
  • 프로젝트의 무형자산 보호
  • 편리한 중앙 집중 관리 시스템 구축
  • 간편해진 디자인 파일 공유
  • 프로젝트 시간 단축
  • 오류 감소로 인해 업무 효율 증가
  • 자원관리에 드는 리소스 감소
  • 편리해진 라이선스 관리
  • 업무 효율 증가
사후 관리
  • 신규 사용자 사용법 교육
    (온라인 웨비나)
  • 이용 사업부 확장에 따른 추가
    플랜 컨설팅
  • 사전 기초교육 제공
  • 전사 대상 제품 기능 활용 기초 교육 서비스 제공
  • 자동갱신 알림 서비스를 제공
  • 라이선스 추가 구매 지원
  • 중급 교육 지원

컨설팅 신청

이름*

E-mal*

회사명

전화번호*

* 입력하신 정보는 “개인정보 보호법"에 따라 동의를 얻어 서비스를 위한 홍보 마케팅 정보 제공을 위해서만 사용됩니다.

https://lib.fisip.untad.ac.id/muliatoto/ https://lib.fisip.untad.ac.id/castletoto/ https://lib.fisip.untad.ac.id/direkturtoto/ https://lib.fisip.untad.ac.id/kingtop/ https://lib.fisip.untad.ac.id/presidentoto/ https://siapsapa.pom.go.id/gboslot/ https://siapsapa.pom.go.id/gbo338/ https://siapsapa.pom.go.id/gbowin/ https://siapsapa.pom.go.id/mpo1221/ https://siapsapa.pom.go.id/nenektogel/ https://smartcity.ui.ac.id/apps/mpo1221/ https://smartcity.ui.ac.id/apps/nenektogel/ https://bem.unand.ac.id/bimabet/ https://ebelalek.sambas.go.id/ https://smartcity.ui.ac.id/apps/ https://siapsapa.pom.go.id/bimabet/ https://bgpkalsel.kemdikbud.go.id/bgp/uploads/ https://kelulusan.pnl.ac.id/ https://su.unair.ac.id/sthai/ https://sisca.uinmataram.ac.id/ https://moocs.ut.ac.id/thai/ https://kotabogor.go.id/uploads/sthai/ slot thailand https://rsgm.ugm.ac.id/sipoltak/presidenslot/ https://ak3.sarpras.unair.ac.id/web/files/king/ https://rsgm.ugm.ac.id/sipoltak/ollo4d/ https://moocs.ut.ac.id/-/kingdomtoto/ https://www.sindutrans.com/mega/ http://onlines.rsud.patikab.go.id:7001/megaforwin/ https://www.logoku.com/mfw/ https://portal.stiemadani.ac.id/ https://fkip.uisu.ac.id/member/mega/ https://test.unpra.ac.id/ https://poskopemilu.kejaksaan.go.id/mega-for-win/ https://elearning.itbk.ac.id/ https://dinkes.bogorkab.go.id/ https://disdikbud.sambas.go.id/sultantoto/ https://disperindagkop.sambas.go.id/izinsuhu/ https://kesbangpol.sambas.go.id/ https://pdia.feb.untirta.ac.id/euro/ https://pdia.feb.untirta.ac.id/premium/ https://disperindagkop.sambas.go.id/apel/ https://bem.unand.ac.id/mpo/hoki777/ https://bem.unand.ac.id/berita/kingdom/ https://bem.unand.ac.id/berita/euro/ https://bem.unand.ac.id/berita/premium/ https://bem.unand.ac.id/berita/udin/ https://bem.unand.ac.id/content/sultan/ https://bem.unand.ac.id/content/presiden/ https://bem.unand.ac.id/content/royal/ https://disperindagkop.sambas.go.id/sultantoto/ https://disperindagkop.sambas.go.id/presiden/ https://disperindagkop.sambas.go.id/royaltoto/ https://pbindo.fkip.unri.ac.id/euro/ https://pbindo.fkip.unri.ac.id/sultan/ https://promiseterbuka.ut.ac.id/euro/ https://bem.unand.ac.id/content/sateslot/ https://bem.unand.ac.id/berita/armani188/ https://bem.unand.ac.id/content/acong88/ https://bem.unand.ac.id/kabar/fendi/ https://promiseterbuka.ut.ac.id/dokumen/fendi/ https://bem.unand.ac.id/kabar/kudato/ https://bem.unand.ac.id/bimabet/ https://bem.unand.ac.id/kabar/mposatuduasatu/ https://bem.unand.ac.id/kabar/nenekto/ https://bem.unand.ac.id/kabar/koboi/ https://lms.univpancasila.ac.id/admin/indoforwin/ https://lms.univpancasila.ac.id/blog/nasgor/ https://lms.univpancasila.ac.id/question/ https://jurnal.fkip.untad.ac.id/ https://disdikbud.pemkomedan.go.id/media/hasta/ https://siradu.unsri.ac.id/assets/data_dukung/pegawai/ https://daftar.staima-alhikam.ac.id/berita/ https://album.staima-alhikam.ac.id/hasta/ https://e-journal.staima-alhikam.ac.id/ https://apps.smartcity.ui.ac.id/instrument_assessment/apple/ https://promiseterbuka.ut.ac.id/content/royal/ https://promiseterbuka.ut.ac.id/content/bimabet/ https://lms.univpancasila.ac.id/grade/bima/ https://lms.univpancasila.ac.id/grade/mega/ https://bem.unand.ac.id/armani/dunia77/ https://bem.unand.ac.id/armani/mega138/ https://bem.unand.ac.id/armani/mahkota/ https://bem.unand.ac.id/arsip/mega/ https://puskap.iptrisakti.ac.id/-/ http://bem.unand.ac.id/arsip/ https://ipcrc.fk.unair.ac.id/ https://setda.munabarat.go.id/ https://tutorial.fk.unair.ac.id/bacan/ https://wblog.upr.ac.id/premium/ https://library.stikesmi.ac.id/files/premium/ https://elibrary.kejari-denpasar.go.id/ https://perpus.mtsn2ponorogo.sch.id/premium/ https://fikes.usp.ac.id/armani/ https://journal.usp.ac.id/premium/ https://minihospital.usp.ac.id/ https://basic.ub.ac.id/ https://peradaban.ac.id/ https://ppid.makassarkota.go.id/premium/ https://www.lavatrice.id/ https://www.jakartamesinlaundry.com/ https://dummy2.telkomuniversity.ac.id/premium303/ http://tp4d.garutkab.go.id/premium303/ https://ihami.ham.go.id/premium303/ http://ijeth.iakntarutung.ac.id/main/ https://siradu.unsri.ac.id/assets/data_dukung/57/ https://dinkes.bogorkab.go.id/tokekwin/ https://pbindo.fkip.unri.ac.id/main/ https://dinkes.bogorkab.go.id/dultogel/ https://siaba.magelangkab.go.id/tmp/ https://siaba.magelangkab.go.id/tmp/tokekwin/ https://siaba.magelangkab.go.id/tmp/dultogel/ https://eta-nasiam.simalungunkab.go.id/ https://akta.pa-malili.go.id/assets/ https://eppdb.sma-ypunila.sch.id/ https://kesbangpol.munabarat.go.id/dultogel/ https://kesbangpol.munabarat.go.id/tokekwin/ https://barangka.munabarat.go.id/file/ https://dharmawanita.munabarat.go.id/ https://survey-kepuasan.poltekkutaraja.ac.id/ https://link.kejari-denpasar.go.id/ http://japoh-jenar.sragenkab.go.id/wp-content/premium/ http://japoh-jenar.sragenkab.go.id/wp-content/burungbet/ http://japoh-jenar.sragenkab.go.id/wp-content/congtogel/ http://japoh-jenar.sragenkab.go.id/wp-content/tokekwin/ http://japoh-jenar.sragenkab.go.id/wp-content/dultogel/ http://japoh-jenar.sragenkab.go.id/wp-content/ http://japoh-jenar.sragenkab.go.id/wp-content/uploads/-/ http://japoh-jenar.sragenkab.go.id/wp-content/bimabet/ https://aplikasi.ham.go.id/langit69/ https://aplikasi.ham.go.id/sultantoto/ https://aplikasi.ham.go.id/obs188/ https://aplikasi.ham.go.id/kingdomtoto/ https://aplikasi.ham.go.id/stars77/ https://aplikasi.ham.go.id/royaltoto/ https://aplikasi.ham.go.id/merdeka777/ https://ihami.ham.go.id/langit69/ https://ihami.ham.go.id/sultantoto/ https://ihami.ham.go.id/obs188/ https://ihami.ham.go.id/kingdomtoto/ https://ihami.ham.go.id/royaltoto/ https://ihami.ham.go.id/kantorbola/ https://ihami.ham.go.id/merdeka777/ http://japoh-jenar.sragenkab.go.id/wp-content/magnumbet/ http://ijeth.iakntarutung.ac.id/armani188/ http://jurnal.stiewidyapraja.ac.id/ http://e-arsip.stiewidyapraja.ac.id/ https://smksperindustrian.sch.id/ https://ppid.sumbarprov.go.id/album/slot-eropa/ https://siapsapa.pom.go.id/img/slot-eropa/ https://inovasi.sragenkab.go.id/assets/slot-eropa/ https://ukk.unipma.ac.id/registrasi-pembayaran/gacor/ https://journal.unpak.ac.id/gas/ https://jurnal.fai.umi.ac.id/gacor/ https://simpeg.untad.ac.id/vendor/armani/ https://maginti.munabarat.go.id/ https://ihami.ham.go.id/nasgorbet/ https://ihami.ham.go.id/megaforwin/ https://www.lavatrice.id/wp-includes/ https://www.wartatani.co/ https://peredaranpangan.pom.go.id/psh/eropa/ https://sindutrans.com/wp-content/uploads/ https://www.airbeningstudio.com/wp-content/uploads/ https://dummy2.telkomuniversity.ac.id/wp-includes/ https://dinkes.bogorkab.go.id/uploads/ https://siperkasajabar.pramukajabar.or.id/logosekolah/ https://pmb.institutpendidikan.ac.id/wp-content/megaforwin/ https://ejurnal.poltekkutaraja.ac.id/docs/mega/ http://paskokabtangerang.or.id/wp-includes/ https://lapor.magelangkota.go.id/assets/eropa/ https://sungrakcolombia.org/megaforwin/ https://dkp.papua.go.id/gas/