I. Lợi ích, công dụng
-
Thiết kế giao diện web, ứng dụng
-
Hỗ trợ làm việc nhóm giữa nhà thiết kế và lập trình viên
-
Khả năng tích hợp với các môi trường hỗ trợ phát triển như Slack, Trello, Jira...
II. Tính năng
A. Các tính năng hỗ trợ cho Developer
1. Zeplin cung cấp các tài nguyên phù hợp, tại một địa điểm duy nhất
-
Zeplin tự động tạo ra các thông số kỹ thuật (specs), tài sản (asset) và đoạn mã (code snippets) chính xác từ các thiết kế được thiết kế riêng cho nền tảng mà bạn phát triển. Không còn khiến bạn bị mất trong các tập tin thiết kế.
2. Luôn cập nhật
-
Thiết kế được cập nhật khá thường xuyên, được thông báo về những thay đổi kịp thời. Thêm Zeplin vào Slack channel để hỗ trợ cho quy trình làm việc của bạn.
3. Tạo code snippets cần thiết
-
Zeplin không trao cho bạn mã front-end code hoàn chỉnh, Zeplin chỉ giúp đỡ bạn với những thứ lặp đi lặp lại mà đơn giản là lấy các đoạn mã bạn cần.
-
Đoạn mã Code snippets trong Zeplin là các phần mở rộng nguồn mở (open sourc) được xây dựng bởi cộng đồng. Chọn những cái phù hợp với quy trình làm việc của bạn, hoặc xây dựng của riêng bạn.
4. Kết nối với hệ thống thiết kế
-
Các thành phần (components), màu sắc (color), kiểu chữ (text style) bạn kiểm tra trong các thiết kế đều được liên kết với các kiểu dáng (styleguide) trong Zeplin. Một nút không chỉ là một lớp văn bản (Text layer) trên đầu của một hình chữ nhật, nó là một thành phần được đặt tên mà bạn có thể tham khảo.
5. Mở các thiết kế ra
-
Mở các thiết kế ra trong một cửa sổ trong suốt mà bạn có thể di chuyển xung quanh. So sánh nó với ứng dụng hoặc trang web để sắp xếp các yếu tố trơn tru. Nó thậm chí còn ghi lại trình giả lập iOS simulator!
B. Các tính năng hỗ trợ cho Designer
1. Xuất thiết kế chỉ với một cú nhấp chuột
-
Không cần thay đổi cách bạn thiết kế, xuất tệp của bạn chỉ bằng một cú nhấp chuột bằng các plugin Sketch, Adobe XD, Figma, Adobe Photoshop CC của Zeplin.
2. Tạo tài nguyên phát triển (development resources) tự động
-
Chọn nền tảng mà bạn đang thiết kế và để Zeplin xử lý phần còn lại, tạo ra các thông số kỹ thuật (specs), tài sản (asset) và đoạn mã (code snippets) được điều chỉnh chính xác.
3. Kết nối hệ thống thiết kế của bạn với kỹ thuật
-
Tạo các kiểu dáng Styleguide để sắp xếp các thành phần (components), màu sắc (colors) và kiểu chữ (text style). Liên kết các phong cách Styleguide với nhiều dự án, cho phép các kỹ sư tham chiếu hệ thống thiết kế của bạn trên tất cả các dự án của bạn.
-
Quản lý hệ thống thiết kế của bạn với nhiều bộ định kiểu nhắm mục tiêu các nền tảng khác nhau, với các mối quan hệ cha-con để kế thừa tài nguyên giữa chúng.
4. Giữ tất cả mọi người trên cùng một trang
-
Mọi người trong nhóm có thể truy cập các tài nguyên thiết kế mới nhất, được thông báo về các thay đổi mà bạn không cần phải ping chúng.
C. Các tính năng hỗ trợ cho làm việc nhóm
1. Giữ tất cả mọi người trên cùng một trang
-
Xuất và lưu trữ các thiết kế trong các dự án Zeplin, xem xét chúng trong cloud, dưới một nơi duy nhất. Nhanh chóng mời đồng đội, chia sẻ liên kết và xây dựng.
-
Mọi người trong nhóm có thể truy cập các tài nguyên thiết kế cập nhật, được thông báo về các thay đổi.
2. Giao tiếp ngay trên thiết kế
-
Thêm ghi chú trực tiếp vào thiết kế để truyền đạt ý tưởng, phản hồi hoặc yêu cầu chi tiết kỹ thuật. Để giữ mọi thứ ngăn nắp, hãy phân loại ghi chú theo màu sắc và giải quyết chúng khi bạn hoàn thành.
-
Hãy cùng vui khi bạn tương tác trong Zeplin, Zeplin đã làm cho công việc được phản hồi nhanh chóng và biểu tượng cảm xúc bạn thậm chí có thể tự động mang biểu tượng cảm xúc Slack tùy chỉnh của mình đến Zeplin khi tích hợp.
3. Tăng tốc quy trình làm việc của bạn với việc tích hợp các phần mềm khác
-
Thêm Zeplin vào kênh Slack channel hoặc Trello Board để tăng tốc quy trình làm việc của bạn, luôn cập nhật nhóm.
4. Xây dựng kho lưu trữ thiết kế nhóm của bạn
-
Thu thập và sắp xếp các dự án của nhóm bạn về các tài nguyên hệ thống và thiết kế như các thành phần (component), màu sắc (color), kiểu văn bản (text styles) để tham khảo chúng một cách nhanh chóng khi cần thiết.
III. Yêu cầu hệ thống
1. Desktop App
-
Mac:
-
macOS 10.15 Catalina
-
macOS 10.14 Mojave
-
macOS 10.13 High Sierra
-
macOS 10.12 Sierra
2. Web app
-
Web app của Zeplin hoạt động trên các thiết bị Windows, macOS và Linux và hỗ trợ hầu hết các trình duyệt hiện đại để cung cấp trải nghiệm tốt nhất:
-
Chrome 62+
-
Firefox 59+
-
Safari 11+
3. Plugins
-
Photoshop CC 2015+
-
Sketch 44.1+
IV. Download
V. Các phiên bản hiện có
-
Zeplin hiện cung cấp dưới 3 gói bản quyền tùy chọn gồm:
-
Starter
-
3 active projects
-
Thích hợp cho các cá nhân là các nhà thiết kế solo designer, người làm việc tự do với các cộng tác viên không giới hạn.
-
Growing business
-
12 active projects
-
Thích hợp cho các cá nhân là các nhà thiết kế solo designer, người làm việc tự do với các cộng tác viên không giới hạn.
-
Organization
-
Không giới hạn số lượng các Projects, bao gồm 12 thành viên
-
Phù hợp cho làm việc nhóm cho nhiều nhà thiết kế và kỹ sư; với một không gian chung cho các dự án, bộ định kiểu và quyền người dùng nâng cao