Ở bài viết này, BAC sẽ hướng dẫn các bạn các phép tắc và đặc thù cơ phiên bản của Figma như hợp tác dự án, chế tạo prototypes,... Đây chắc hẳn rằng là một bài viết hữu ích đối với những bạn đã từng hoặc new nghe về Figma nhưng chưa tồn tại cơ hội khám phá và tìm hiểu về ứng dụng tuyệt vời này. Còn nếu đã từng có lần tiếp xúc với Figma (hoặc Sketch), các bạn hãy cùng BAC đón chờ những nội dung bài viết nâng cao hơn về Figma trong thời gian sắp tới nhé.

Bạn đang xem: Hướng dẫn sử dụng figma


*

Tại Dashboard, bạn có thể chọn “Recent” nhằm xem các tệp sát nhất, import Sketch files, hoặc chúng ta có thể tạo tệp mới bằng phương pháp chọn vết “+” không tính “Drafts
*

Để tạo một tệp trống mới, các bạn chọn “Blank Canvas” và “Create” file. Trên đây, bạn có thể chỉnh sửa thư mục lưu trữ của tệp bắt đầu này.
*

Đây chính là tệp trống mà chúng ta vừa tạo. Bạn cũng có thể kiểm tra hoặc thiết lập chế độ share (Share) tùy thuộc vào mong muốn: thêm thành viên, chỉnh sửa quyền truy tìm cập, sao chép đường dẫn,... để mang vào portfolio hoặc theo từng mục đích cá nhân. Lân cận đó, chúng ta cũng có thể Zoom In/ Zoom Out như các phần mềm khác, sử dụng cơ chế trình chiếu “Present”, kiếm tìm kiếm các thứ vào “Libraries”,...
*

Để có thể đổi tên tệp tin tiện mang lại việc tàng trữ và tra cứu kiểm, bạn click chuột trực tiếp vào tên bắt buộc đổi cùng nhập lại tên theo mong muốn muốn:
*

Tùy theo mục đích cá nhân, chúng ta cũng có thể tạo hẳn một tệp tin riêng Figma bằng cách “save local copy” hoặc “save to version history”. Cũng tại thực đơn này, bạn sẽ có không hề ít lựa lựa chọn khác nữa như “Edit”, “View”, “Object”, “Vector”,...:
Để bước đầu thiết kế, trước hết bạn hãy tạo khung. Bạn có thể nhấp trực tiếp vào vẻ ngoài Frame bên trên Thanh Công cụ, hoặc nhằm tỏ ra nguy khốn hơn, ấn tức thì phím “F”!! sau khoản thời gian chọn, danh sách những mẫu kích cỡ sẽ được hiện nay ra bên phía bắt buộc màn hình.
Giờ họ sẽ demo chọn thi công giao diện đến iPhone 11 Pro Max nhé! lúc chọn kích cỡ xong, Figma sẽ tự động hóa tạo và đặt tên. Để di chuyển, bạn có thể chọn “Move”, hoặc nhanh gọn lẹ hơn, nhấn phím “V”! chúng ta có thể tạo các Frame cùng một lúc và dịch chuyển sang những vị trí yêu thích hợp.
Tiếp theo, toàn bộ những kiểu dáng như hình chữ nhật - Rectangle (R), hình trụ Ellipse, tam giác Polygon,... Hầu như nằm trong vòng tay bạn và chúng ta có thể chọn bất kể hình nào để thêm vào kiến thiết của mình, thậm chí là một trong hình ảnh bất kỳ bằng Place image (Ctrl + Shift + K).
Bạn còn rất có thể thoải mái sử dụng các công cụ khác như “Pen” (P) hoặc “Pencil” (Shift + P), cũng như công cầm cố “Text” và “Comment”.

Xem thêm: Chạy Trốn Thanh Xuân Tập 7 ), Không Thể Trốn Chạy Khỏi Tình Yêu: Tập 7


Đối với các Object như hình tròn, hình chữ nhật,... Hoặc những hình được vẽ từ công cụ Pen, chúng ta có thể tùy chỉnh chúng với nguyên lý “Bend” (Ctrl) hoặc sơn màu bọn chúng (Paint Bucket - B) bằng phương pháp click trực tiếp vào Object đó/ hoặc click vào tùy chọn “Edit Object” nhé!
Bạn có thể tạo “Component” và sắp xếp chúng một bí quyết logic. “Component” chính là những nguyên tố cơ bạn dạng có thể tái sử dụng các lần và tiện lợi trên các screen hoặc những trang kiến thiết khác nhau của bạn (tương trường đoản cú như Master). Ví dụ, các bạn chọn mức sử dụng “Rectangle”, lấy ra một hình chữ nhật. Tiếp đó, bạn nhấp chuột phải và chọn “Create Component” (Ctrl + alternative text + K). Đây đó là một vào những chức năng chính mà nếu là 1 trong UI Designer, bạn sẽ tương đối muốn sử dụng tiếp tục đấy.
Trong ngôi trường hợp bạn muốn tạo nút (button). Bạn có thể đi theo cách: Chọn luật “Rectangle”, kéo thả theo size mong muốn. Sau đó, chúng ta chọn “Text” (T) cùng nhấp vào hình chữ nhật vừa sản xuất và điền cam kết tự ao ước muốn. Tiếp theo, ở phía cần màn hình, các bạn sẽ có các tùy chọn như Align (căn chỉnh vị trí bằng cách nhập số thẳng hoặc kéo thả), xoay, định dạng font chữ, kích thước, Fill (thay thay đổi màu sắc), chính sách “blending”, Effect (hiệu ứng),...
Sau đó, chúng ta tạo Component theo hướng dẫn nghỉ ngơi trên (Ctrl + alt + K). Thời điểm này bạn sẽ thấy, các thành phần như Rectangle cùng Text được đúng theo lại thành 1 đối tượng người dùng duy nhất có tên “Component 1”. Chúng ta cũng có thể thay thay tên theo mong mỏi muốn. Với hình tượng cỏ bốn lá hình vuông, Component sẽ là thành phần thiết yếu (main component) và chúng ta có thể nhân bạn dạng chúng thành nhiều phiên phiên bản (instance) (với hình tượng hình vuông rỗng). Chúng ta có thể thay đổi những yếu tố ở Main Component và vấn đề đó sẽ làm những Instance của chúng đổi khác theo. Mặc dù nhiên, vấn đề thay đổi ngẫu nhiên Instance làm sao thì sẽ không tác động đến Main Component.
Lưu ý: Khi sẽ thay chuyển màu của Instance trước, rồi mới biến đổi màu của Main Component thì việc biến hóa màu Main Component sẽ không ảnh hưởng cho Instance kia nữa. Chúng ta cũng có thể áp dụng phép tắc này để tạo thành các thành phần cùng một nhóm có cùng size và cấu hình, nhưng mang các trạng thái khác nhau. Ví dụ, những trạng thái của một button như “disabled” / “normal” / “pressed”,...
Bên cạnh đó, bạn cũng có thể kiểm tra những tính năng khác như: “Mask”, “Union Selection”, “Subtract Selection”, “Intersect Selection”, “Exclude Selection” và “Flatten Selection”. Tất cả thường rất “nice” với hữu ích tùy theo mục đích xây dựng của bạn.

Cách thực hiện và cài đặt Figma khá solo giản. Figma hoàn toàn có thể chạy được từ bất kỳ trình để mắt tới nào. Hoặc chúng ta có thể tải xuống Figma về laptop cá nhân. Nếu bạn muốn tham khảo về phong thái tải vận dụng Figma, vui vẻ tham khảo bài viết này nhé!


BAClà đơn vị huấn luyện và giảng dạy BA trước tiên tại Việt Nam. Đối tác xác nhận củaIIBAquốc tế. Ngoài những khóa học tập public,BACcòn có các khóa học tập in house dành cho từng doanh nghiệp. Chương trình có phong cách thiết kế riêng theo yêu ước của doanh nghiệp, góp doanh nghiệp giải quyết những khó khăn và tư vấn phát triển.

Các chương trình huấn luyện và giảng dạy liên quan:

Tham khảo chương trình đào tạo:

Ban biên tập nội dung - BAC


CÔNG TY CỔ PHẦN ĐÀO TẠO VÀ TƯ VẤN BAC