Figma - Blog | Haposoft | Top-notch IT Solutions

Figma (kỳ 6): Tạo prototype cơ bản trên Figma

Một điểm cộng rất lớn để Figma có thể "vượt mặt" Sketch đó chính là tích hợp cả chức năng tạo prototype. Ở bài viết này chúng ta sẽ tìm hiểu về chức năng Prototype trên Figma. 1. Prototype là gì ? Prototype là 1 bản mô phỏng cho

Figma

Figma (kì 5): Mẹo quản lý Components trong Figma

Ở bài viết trước mình đã hướng dẫn các bạn cách tạo Components trong Figma, ở bài viết này mình sẽ mách cho các bạn một số mẹo quản lý các components sao cho dễ tìm kiếm. Như các bạn đã biết, sau khi tạo component (bằng cách chuột phải

Figma

Hướng dẫn chia sẻ quyền view/edit và chức năng comments Project trên Figma

1. Chia sẻ quyền view/edit với thành viên khác Trong trường hợp bạn đang thực hiện 1 Project cùng team, bạn muốn cho mọi người trong team có thể xem hoặc sửa design, bạn có thể dùng quyền share view/edit trong Figma. Điều đặc biệt là sau khi

Figma

Figma (kì 4): Cách tạo component

Components có lẽ là chức năng thú vị nhất của Figma. Mặc dù về bản chất giống với chức năng Symbols của Sketch nhưng Components lại chiếm được cảm tình vì cách làm việc thông minh và linh hoạt hơn Symbols trong Sketch. Cách tạo components cơ bản Ví dụ

Layoutgrid

Figma (kì 3): Tạo layout grid (lưới) trong Figma

Nếu bạn là designer chắc bạn sẽ cảm thấy quen thuộc với cụm từ Layout Grid (tạm dịch là bố cục lưới). Layout Grid hỗ trợ chúng ta tạo ra thiết kế có bố cục chặt chẽ, ngăn nắp, gọn gàng. Tuy nhiên, trong khuôn khổ bài viết nói về

Figma

Figma (kì 2): Phím tắt

Để đẩy nhanh tiến độ làm việc, hầu hết các phần mềm đều có một hệ thống phím tắt để hỗ trợ người dùng thao tác nhanh. Để bật hướng dẫn phím tắt của Figma, bạn làm theo hướng dẫn sau: Bước 1: Ở phía góc dưới bên phải màn

Figma

Figma (kỳ 1): Giới thiệu

Gần đây mới thấy trên các group của designer xuất hiện Figma như một công cụ thần thánh mới, tích hợp cả việc thiết kế và làm prototype trong một tool, chưa kể nhiều người có thể cùng vào sửa file một lúc giúp tiết kiệm thời gian làm việc.

UI/UX

Sử dụng icon Font trong Figma

Note lại một chút với 1 người không chuyên về design dùng Figma để vẽ WireFrame. Để dùng icon Font như Font Awesome trong Figma chỉ cần tạo 1 text mới, sau đó chọn FontAwesome ở phần Design/Text. Sau đó bạn copy mã của icon từ FontAwesome CheetSheet [https: