Cách chuyển đổi thiết kế từ Photoshop sang Zeplin

Giới thiệu

Xin chào mọi người !
Đợt vừa rồi mình có làm dự án mà KH lại chỉ gửi mỗi thiết kế bằng Photoshop trong khi ở Công Ty quen với các công cụ design như Figma và Zeplin.Photoshop thì ai có cài hay có bản quyền thì mở được xem được không thì lại phải mở online miễn phí trên mạng mỗi lần như vậy khá mất công, vì vậy mình đã tìm hiểu cách chuyển đổi sang Zeplin.Không phải ai cũng cài Photoshop nên việc đồng bộ vào Figma hay Zeplin để bất cứ member nào trong team cũng có thể xem được là điều vô cùng cần thiết.

Photoshop thì bên nhật họ dùng rất nhiều và phổ biến nhưng nó lại mất rất nhiều tiền điều mà rất nhiều Anh Chị Em bên Việt Nam mình không thích . Như bên Việt Nam các công ty về thiết kế Website, phần mềm giờ ưa chuộng Figma, Zeplin vì nó miễn phí và luôn ở chế độ online nên bất cứ ai cũng có thể xem được khi được cung cấp quyền.

Hôm nay xin chia sẻ cách chuyển đổi PSD sang Zeplin nếu các bạn có gặp phải có biết cách nhé.

Cách làm

1.Cài đặt phần mềm

Để có thể làm được trước tiên máy cần phải cài Photoshop và Zeplin, nếu không có bản quyền dùng ở chế độ trial cũng làm được.

Photoshop

Vào trang chủ tải về là nó sẽ tự động cài qua công cụ Adobe Creative Cloud

Zeplin

Windows 32bit
Windows 64bit

2. Chuyển đổi

Để chuyển đổi được thì cần plugin hỗ trợ nhưng khi mình cài phần mềm Zeplin thì nó tự động cài cho mình rồi. Lúc này chỉ cần mở Photoshop ra vào Window > Extensions > Zeplin xong bấm vào để mở Panel của Tool này ra

Panel nó sẽ hiển thị thế này

lúc này các bạn chỉ cần bấm chọn vào màn hình design ở tab Layers sau đó nó sẽ hiển thị button màu vàng, khi click vào nó sẽ hiển thị tên Project mình tạo trên Zeplin để Export vào , nếu chưa có các bạn tạo trước khi chuyển đổi nhé.

Sau khi Export nó sẽ đồng bộ trên phần mềm Zeplin cài trên máy và cả trên bản Web cho mình và lúc này ai cũng có thể xem được nếu được cấp quyền xem.

Đây là kết quả thu được, quá dễ quá thuận tiện phải không các bạn

Lời kết

Trên đây là 1 tip nho nhỏ cho các bạn trong trường hợp dự án hay đội gặp phải design khách hàng gửi là file PSD và muốn đồng bộ online ai trong team cũng có thể xem được bất cứ lúc nào trên Zeplin. Hi vọng bài viết sẽ có ích cho các bạn. Cảm ơn các bạn đã đọc bài nhé.