Bài viết được sự cho phép của tác giả Ngo Thang
Trước kia khi nói đến design chắc ai cũng nghĩ ngay đến bộ tool của adobe như photoshop, illustrator … Vì nó làm được mọi thứ. Từ xoá phông nền cho đến thiết kế banner, logo website.
1 người mới bắt đầu mà đi dùng bộ adobe này chắc ngộp thở mất. Vì nó trang bị quá nhiều chức năng.
Chính vì trong hoàn cảnh đó mà 1 số công cụ khác đã ra đời giúp dễ dùng hơn. 1 trong những công cụ không thể kể đến đó là Adobe XD.
Bản thân mình cũng rất thích dùng Adobe XD. Vì nó free, mà lại còn nhẹ nữa.
Logo nghệ thuật coding mình cũng dùng adobe XD để thiết kế.
Hôm nay mình sẽ giới thiệu cho các bạn 1 số plugin mình thấy khá là hay khi dùng AdobeXD. Bản thân mình cũng đang dùng nó.
VizziCharts công cụ vẽ đồ thị
Đây là plugin giúp chúng ta vẽ đồ thị 1 cách nhanh hơn.
Chi tiết xem ở đây.
Yotako tự động sinh ra source code
Đây là plugin giúp chúng ta có thể tự động sinh ra source code từ 1 file design data có trước.
Chi tiết xem ở đây.
Icondrop chứa hàng triệu vector icon
Đây là 1 trong những plugin mình thích nhất. Nó cung cấp cho chúng ta hàng triệu icon free. Từ banner cho đến những ảnh infographics. Toàn hàng ngon cả. Tuy nhiên cũng có 1 số ảnh mất phí.
Plugin này có thể sử dụng được trong cả sketchapp và photoshop nữa.
Chi tiết xem ở đây.
Zeplin tự động sinh ra style guide
Đây là 1 trong những plugin sinh ra style guide khá là tiện.
Nếu làm design mà không có style guide cũng giống như việc râu ông nọ cắm cằm bà kia. Màu sắc, font chữ nó sẽ rất lộn xộn, không thống nhất.
Ví dụ như designer tạo ra banner với màu sắc như này. Nhưng mà ông frontend lại dùng với màu sắc khác (không giống hoàn toàn). Rồi có khi lúc dùng font này, lúc dùng font khác.
Do đó cần phải có 1 style guide chuẩn.
Chi tiết xem ở đây.
Airtable chèn ảnh và text dummy dễ dàng
Ví dụ như khi thiết kế màn hình danh sách người dùng. Khi đó chắc chắn cần phải hiển thị ảnh avatar của người dùng ra. Vậy lúc đó sẽ tìm ảnh ở đâu?
Chắc mọi người sẽ lên mạng search rồi tự chèn bằng tay vào. Cách này cũng được nhưng hơi mất công.
Có 1 cách nhanh hơn là dùng plugin này. Nó sẽ giúp chúng ta chèn ảnh với text dummy 1 cách dễ dàng. Ảnh thì vô cùng phong phú luôn. Không phải lo về nguồn ảnh.
Chi tiết xem ở đây.
UI Faces chèn ảnh avatar
Plugin này thì chuyên về ảnh avatar.
Chi tiết xem ở đây.
Bài viết gốc được đăng tải tại nghethuatcoding.com
Có thể bạn quan tâm:
- Cách sử dụng các plugins jQuery trong VueJS
- Làm sao để tạo giao diện linh hoạt và tái sử dụng được trong Swing
- Các thư viện web animation tốt nhất cho JavaScript
Xem thêm các việc làm Developer hấp dẫn tại TopDev
