Figma
Figma
Công cụ tiêu chuẩn để thiết kế giao diện; gói Starter miễn phí đủ để bắt đầu.
Công cụ thiết kế giao diện và làm prototype, nhiều người cùng làm trên trình duyệt.
Figma là gì?
Figma là nền tảng thiết kế cộng tác dùng để làm giao diện website, ứng dụng và nhiều sản phẩm khác. Nhiều người có thể cùng mở một file, thấy con trỏ của nhau, bình luận và chỉnh sửa theo thời gian thực.
Bên cạnh Figma Design, hệ sinh thái còn có FigJam (bảng trắng), Figma Slides, Dev Mode (chuyển thiết kế sang thông tin cho lập trình), Figma Make và một số sản phẩm đang ở giai đoạn beta như Figma Sites, Figma Buzz.
Các tính năng như auto layout, component và variables giúp xây bộ nhận diện giao diện dùng lại được, rất hữu ích khi doanh nghiệp có nhiều kênh và nhiều người cùng làm thiết kế.
Figma giá bao nhiêu?
Starter miễn phí. Professional: Full seat 16 USD, Dev seat 12 USD, Collab seat 3 USD mỗi seat/tháng. Organization, Enterprise xem trên trang chính thức
Giá do nhà cung cấp quy định và có thể thay đổi; xem trang chính thức để biết mức mới nhất.
Tính năng nổi bật của Figma
Cộng tác thời gian thực
Nhiều người cùng làm trên một file, có bình luận và cursor chat.
Auto layout
Khung tự co giãn và sắp xếp lại khi nội dung thay đổi.
Component và variables
Tái sử dụng thành phần giao diện và giá trị màu, khoảng cách, chữ.
Dev Mode
Hỗ trợ lập trình viên lấy thông tin để chuyển thiết kế thành code, kết nối design system với codebase qua Code Connect.
Hệ sinh thái đầy đủ
FigJam, Slides, Make, Draw và các sản phẩm khác trong cùng nền tảng.
Branching và merging
Tạo nhánh để thử phương án thiết kế rồi gộp lại.
Figma dùng để làm gì?
Thiết kế website và app
Designer dựng giao diện, gửi link để chủ doanh nghiệp góp ý trực tiếp trên file.
Bộ nhận diện dùng chung
Lưu màu, font, nút bấm thành component để mọi ấn phẩm đồng bộ.
Brainstorm với FigJam
Đội marketing vẽ hành trình khách hàng, lên ý tưởng chiến dịch trên bảng trắng.
Bàn giao cho dev
Lập trình viên dùng Dev Mode để lấy thông số khi dựng giao diện.
Làm slide thuyết trình
Dùng Figma Slides để làm bài trình bày theo đúng nhận diện thương hiệu.
Cách dùng Figma
- 1
Tạo tài khoản
Đăng ký trên figma.com, có thể bắt đầu với gói Starter miễn phí.
- 2
Tạo file thiết kế
Tạo file Figma Design mới và chọn khung theo kích thước màn hình cần làm.
- 3
Dựng component và variables
Định nghĩa màu, chữ, nút bấm thành thành phần dùng lại.
- 4
Mời cộng tác
Chia sẻ file để đồng nghiệp hoặc khách hàng bình luận trực tiếp.
- 5
Bàn giao
Chuyển cho lập trình viên xem qua Dev Mode để dựng thành sản phẩm thật.
Video hướng dẫn dùng Figma
Course overview: Figma Design for beginners [1 of 13]
Figma
Free Figma Crash Course for Beginners 2026 UI/UX Design
DesignWithArash
A Guide to Auto Layout: Best Practices, Tips & Tricks Figma
Figma
Ví dụ thực tế khi dùng Figma
Một công ty du lịch nhỏ ở Nha Trang chuẩn bị làm lại website đặt tour. Designer freelance tạo file Figma, xây sẵn component cho thẻ tour, nút đặt chỗ và bảng màu thương hiệu bằng variables. Chủ công ty mở link trên trình duyệt để bình luận trực tiếp lên từng màn hình, sau đó lập trình viên dùng Dev Mode để lấy thông số và dựng website theo đúng thiết kế.
Mẹo và lưu ý khi dùng Figma
Xây component trước
Có component chuẩn thì các trang sau làm nhanh và đồng bộ hơn.
Dùng variables cho màu thương hiệu
Đổi một chỗ, cập nhật toàn bộ thiết kế.
Chọn đúng loại seat
Người chỉ góp ý có thể dùng seat rẻ hơn, xem kỹ quyền từng loại seat trên trang giá.
Câu hỏi thường gặp về Figma
Figma là gì và làm được những gì?
Figma là nền tảng thiết kế cộng tác dùng để làm giao diện website, ứng dụng và nhiều sản phẩm khác. Nhiều người cùng mở một file, thấy con trỏ của nhau, bình luận và chỉnh sửa theo thời gian thực. Hệ sinh thái còn có FigJam, Figma Slides, Dev Mode và Figma Make, cùng một số sản phẩm đang ở giai đoạn beta.
Figma có miễn phí không, gói Professional giá bao nhiêu?
Có, gói Starter miễn phí. Theo dữ liệu hiện có, gói Professional tính mỗi seat/tháng: Full seat 16 USD, Dev seat 12 USD, Collab seat 3 USD. Organization và Enterprise xem trên trang chính thức. Giá có thể thay đổi, kiểm tra trang chính thức, và nên chọn đúng loại seat theo quyền cần dùng.
Người không phải designer có dùng được Figma không?
Có. Chủ doanh nghiệp và marketer có thể xem và bình luận trực tiếp trên file, còn FigJam và Slides phù hợp cho cả đội. Figma ở mức độ trung bình, dùng trên trình duyệt web và ứng dụng desktop. Lập trình viên cũng dùng Dev Mode để lấy thông tin khi dựng giao diện.
Bắt đầu dùng Figma như thế nào?
Đăng ký tài khoản trên figma.com, có thể bắt đầu với gói Starter miễn phí. Tạo file Figma Design mới và chọn khung theo kích thước màn hình cần làm, rồi định nghĩa màu, chữ, nút bấm thành component và variables để dùng lại. Cuối cùng chia sẻ file cho đồng nghiệp hoặc khách hàng bình luận, rồi bàn giao qua Dev Mode.
Dùng Figma hiệu quả cần lưu ý gì?
Hãy xây component chuẩn trước, vì các trang sau sẽ làm nhanh và đồng bộ hơn. Dùng variables cho màu thương hiệu để đổi một chỗ là cập nhật toàn bộ thiết kế. Người chỉ góp ý có thể dùng seat rẻ hơn, nên xem kỹ quyền từng loại seat trên trang giá của Figma.
Liên kết hữu ích
Muốn áp dụng vào doanh nghiệp của bạn?
OPCAIOS khảo sát quy trình, chọn công cụ phù hợp và triển khai cùng đội ngũ của bạn. Buổi tư vấn đầu tiên miễn phí.
