Kiến thức Phần mềm

Table in Figma: chỗ nào có bảng thật, chỗ nào phải tự dựng

Table in Figma: FigJam và Figma Slides có công cụ bảng sẵn, còn Figma Design thì không. Cách dựng bảng bằng luồng Grid của bố cục tự động. Kiểm 9/2026.

  • autocad123.vn
  • 10/10/2024

Hầu hết bài hướng dẫn table in figma đều mở đầu bằng một câu: Figma không có công cụ bảng, bạn phải tự dựng. Câu đó nay chỉ đúng một nửa. Figma bây giờ là một họ sản phẩm, và trong họ đó có sản phẩm có bảng thật.

Bài này trả lời trước câu hỏi quan trọng nhất: chỗ nào có bảng sẵn, chỗ nào không, và ở chỗ không có thì dựng bằng gì. Mọi đường đi trong giao diện kiểm tháng 9/2026.

Tóm tắt. FigJam và Figma Slides đều có công cụ bảng thật, chèn thẳng từ thanh công cụ, nhập được tệp CSV. Figma Design, tức công cụ thiết kế chính, vẫn không có. Ở đó bạn dựng bảng bằng luồng Grid của bố cục tự động, tính năng Figma ra mắt tháng 5 năm 2025. Dù dựng theo cách nào, bảng trong Figma vẫn là hình vẽ: không tính toán, không sắp xếp, không lọc.

Table in Figma: sản phẩm nào có bảng sẵn

Đây là chỗ mọi bài hướng dẫn cũ bị lạc hậu. Chúng viết từ thời Figma chỉ có một sản phẩm, nên câu trả lời gọn lỏn là không có. Nay phải hỏi thêm: bạn đang mở tệp gì.

Bạn đang dựng bảng ở sản phẩm nào? FigJam Có công cụ bảng sẵn, phím Shift + T Figma Slides Có công cụ bảng, vào Assets rồi Table Figma Design Không có bảng, dựng bằng luồng Grid Figma Sites, Buzz, Make Chưa thấy tài liệu chính hãng về bảng Kiểm tháng 9/2026, Figma đổi giao diện liên tục

Hình 1. Bốn nhóm sản phẩm trong họ Figma và tình trạng công cụ bảng của từng nhóm.

Với ba sản phẩm mới là Figma Sites, Figma Buzz và Figma Make, trung tâm trợ giúp của hãng không có bài nào về công cụ bảng, và trên diễn đàn chính thức người dùng vẫn đang xin tính năng đó. Nên câu trả lời trung thực là chưa có tài liệu xác nhận, chứ không phải chắc chắn không có.

Bảng trong FigJam

FigJam là bảng trắng cộng tác của Figma. Hãng công bố công cụ bảng cho FigJam vào tháng 3 năm 2023, sau khi thấy chính nhân viên của mình cứ ghép sticky và hình khối để giả làm bảng.

Cách chèn: bấm biểu tượng Table trên thanh công cụ, hoặc bấm phím Shift + T. Sau đó kéo chuột để chọn số cột và số hàng, thả ra là bảng nằm trên bảng trắng.

Việc thêm bớt hàng cột làm ngay trên bảng. Ở cuối bảng có một thanh xanh để thêm hàng hoặc cột mới. Muốn chèn vào giữa thì đưa chuột tới đường viền giữa hai hàng, dấu cộng sẽ hiện ra. Chuột phải vào hàng hay cột cũng ra đủ lệnh thêm và xoá. Muốn đổi chỗ một hàng, bạn chọn hàng đó rồi giữ biểu tượng tay cầm và kéo.

Nhập dữ liệu có sẵn thì hai đường. Chép từ một bảng tính như Google Sheets rồi dán thẳng vào FigJam, phần mềm tự tạo bảng mới. Hoặc mở trình đơn ở thanh công cụ trên cùng, vào File rồi Import, chọn tệp CSV. Công cụ bảng của FigJam dùng được ở mọi nhóm và mọi gói dịch vụ.

Vật thể đặt lên bảng không dính vào bảng. Tài liệu của Figma ghi rõ: sticky, hình khối hay widget có thể nằm chồng lên bảng, nhưng không neo vào bảng. Bạn kéo bảng đi chỗ khác hoặc xuất bảng ra, chúng nằm lại. Nội dung nào thuộc về bảng thì gõ thẳng vào ô.

Bảng trong Figma Slides

Figma Slides là công cụ làm trang chiếu. Ở đây bạn bấm Assets trên thanh công cụ rồi chọn Table, sau đó kéo để chọn số hàng cột, giống thao tác trong FigJam. Kéo thẳng một tệp CSV từ máy vào bộ trang chiếu thì nội dung tệp cũng thành bảng.

Bảng trong Slides chỉnh được nền ô, cỡ chữ, kiểu chữ, kiểu định dạng, canh chữ và chèn liên kết. Tính năng này có ở mọi gói dịch vụ.

Có một giới hạn cứng đáng nhớ: mỗi bảng tối đa 500 ô. Nội dung nhập vào nhiều hơn thì bạn phải cắt ra thành nhiều bảng. Với bảng 10 cột, đó là khoảng 50 hàng.

Figma Design không có bảng, và luồng Grid thay thế thế nào

Trong công cụ thiết kế chính, không có nút nào tên Table. Trung tâm trợ giúp không có bài nào về công cụ bảng cho Figma Design, và nhật ký cập nhật của hãng trong hai năm 2025 và 2026 cũng không có mục nào về bảng cho công cụ này. Cách dựng bảng đúng nhất hiện nay là dùng luồng Grid của bố cục tự động. Figma giới thiệu luồng này ở hội nghị Config tháng 5 năm 2025, ban đầu ở dạng thử nghiệm, nay trung tâm trợ giúp ghi là dùng được ở mọi gói, chỉ cần bạn có quyền sửa tệp.

Trước đó bố cục tự động chỉ có hai luồng, dọc và ngang, tức là mọi thứ xếp theo một chiều. Muốn có hàng và cột, người ta phải lồng khung ngang vào khung dọc. Luồng Grid cho bạn hai chiều trong một khung.

Cấu tạo bảng dựng bằng luồng Grid Khung ngoài đặt luồng Grid Cột 1 Cột 2 Cột 3 Nội dung Nội dung Nội dung Một ô trải 3 cột nhờ Column span Số cột, số hàng: Number of columns, rows Khoảng cách: Gap between rows, columns Ô co giãn: Hug contents hay Fill container Thêm hàng thì mọi ô tự dồn, không căn tay

Hình 2. Bảng dựng bằng luồng Grid, kèm tên thật của các ô cài đặt ở bảng bên phải.

Các bước dựng như sau. Chọn khung chứa nội dung rồi bấm Shift + A để thêm bố cục tự động. Ở bảng bên phải, mục Layout, chọn Grid thay cho Vertical hay Horizontal. Sau đó đặt số cột và số hàng ở hai ô Number of columns và Number of rows. Mặc định ô số hàng để giá trị auto, nghĩa là hàng tự sinh thêm theo lượng nội dung.

Khoảng cách giữa các ô đặt ở hai ô Gap between rows và Gap between columns. Đệm trong lòng khung đặt ở Horizontal padding và Vertical padding. Từng ô nội dung chọn một trong ba kiểu kích thước: Fixed để giữ nguyên số đo, Fill container để giãn theo khung chứa, Hug contents để co sát nội dung. Có thể đặt thêm mức nhỏ nhất và lớn nhất.

Muốn một ô trải qua nhiều ô khác, bạn đặt vật thể đó thành Fill container rồi kéo cạnh cho bám vào mép ô, hoặc nhập thẳng số vào hai ô Column span và Row span. Đó là cách gần nhất với chuyện gộp ô mà Figma có.

Muốn gỡ bố cục tự động thì bấm Freeform hoặc Remove auto layout ở bảng bên phải. Phím tắt là Alt kèm Shift kèm A trên Windows, Option kèm Shift kèm A trên máy Mac.

Vì sao cách này đáng học

Lợi ích thật nằm ở lúc sửa. Với bảng vẽ tay, mỗi ô là một khung độc lập. Thêm một hàng ở giữa là phải đẩy tay toàn bộ phần dưới, rồi kéo lại đường kẻ. Sửa một tiêu đề dài ra là lệch cả cột.

Với luồng Grid, khung ngoài giữ trách nhiệm sắp xếp. Bạn dán thêm một ô, mọi thứ tự dồn xuống theo đúng khoảng cách đã đặt. Ô nào để Hug contents thì tự co theo chữ bên trong. Cột nào để Fill container thì tự chia phần còn lại của khung.

Điểm thứ hai là nó khớp với cách trang web thật xếp bố cục. Luồng Grid làm theo tinh thần của CSS Grid, tuy chỉ nhận một phần các khả năng của CSS Grid. Nhờ vậy bản thiết kế và mã nguồn ít lệch nhau hơn.

Thành phần dựng sẵn và tiện ích bổ sung

Trong kho Figma Community có hai loại thứ giúp bạn khỏi dựng lại từ đầu. Loại thứ nhất là tệp mẫu, bên trong chứa sẵn bộ bảng đã dựng bằng bố cục tự động, bạn chỉ việc sao chép sang tệp của mình. Loại thứ hai là tiện ích bổ sung, nhận số hàng cột rồi sinh bảng, hoặc lấy dữ liệu từ một bảng tính bên ngoài. FigJam còn có thêm loại widget chạy ngay trên bảng trắng.

Bài này không nêu tên tiện ích cụ thể nào, vì mỗi tệp và mỗi tiện ích trong kho do một người khác đăng, điều kiện dùng do người đó đặt và có thể đổi bất cứ lúc nào. Tiện ích bổ sung lại chạy thẳng trong tệp đang mở và sửa được nội dung tệp. Trước khi cài, bạn nên đọc phần mô tả, xem tác giả là ai và tiện ích xin quyền gì.

Giới hạn phải nói thẳng

Người mang thói quen bảng tính sang thường hụt hẫng ở đây. Một table in figma, dù dựng bằng công cụ bảng của FigJam hay bằng luồng Grid trong Figma Design, vẫn chỉ là hình vẽ. Không có công thức, không có phép cộng, không có lệnh sắp xếp theo cột, không có bộ lọc.

Con số trong ô là chữ, không phải giá trị. Sửa một ô thì tổng ở ô khác không đổi theo. Muốn hàng xếp từ lớn tới bé, bạn phải sắp xếp ở bảng tính trước rồi mới mang sang.

Việc nhập CSV ở FigJam và Figma Slides cũng là chép một lần, không phải nối sống với tệp gốc. Sửa tệp CSV thì bảng trong Figma không tự đổi theo, bạn phải nhập lại.

Lỗi thường gặp

Điều hay đọc thấyVì sao saiCách đúng
Figma không có bảng, chấm hếtChỉ đúng với Figma Design. FigJam và Figma Slides đều có công cụ bảng thậtXem trước bạn đang mở tệp của sản phẩm nào
Bật layout grid trong khung để dựng bảngLayout grid chỉ là đường kẻ dẫn hướng để căn mắt, không giữ vật thể và không dồn lại khi thêm hàngDùng luồng Grid của bố cục tự động
Bấm Shift + A là ra bảngShift + A chỉ bật bố cục tự động, mặc định là luồng một chiềuBấm Shift + A rồi chọn Grid ở mục Layout
Gộp ô như trong WordFigma không có lệnh gộp ôĐặt vật thể thành Fill container rồi dùng Column span và Row span
Nhập CSV xong bảng tự cập nhậtĐó là chép nội dung một lần, không phải liên kết sốngSửa tệp gốc thì nhập lại
Sắp xếp bảng theo cột trong FigmaTài liệu chính hãng của FigJam và Figma Slides không nhắc tới lệnh sắp xếp nàoSắp xếp ở bảng tính trước khi mang sang
Dán sticky lên ô để ghi chú cho ô đóTài liệu của Figma ghi rõ vật thể khác không neo vào bảng FigJamGõ thẳng nội dung vào ô
Nhập cả bộ dữ liệu lớn vào một bảng trong SlidesMỗi bảng trong Figma Slides chỉ chứa được 500 ôCắt ra thành nhiều bảng

Câu hỏi thường gặp

Table in figma có gộp ô được không?

Không có lệnh gộp ô đúng nghĩa. Trong Figma Design, thứ gần nhất là cho một vật thể trải qua nhiều ô bằng Column span và Row span, sau khi đặt vật thể đó thành Fill container. Kết quả nhìn giống ô đã gộp, nhưng bản chất là một vật thể chiếm nhiều ô của lưới.

Bảng làm trong FigJam có mang sang Figma Slides được không?

Được. Tài liệu của Figma nói bạn chép nội dung bảng tính, kể cả bảng FigJam, rồi dán thẳng vào trang chiếu. Nhớ giới hạn 500 ô của bảng bên Slides.

Luồng Grid có phải trả tiền thêm không?

Không. Trung tâm trợ giúp ghi luồng Grid dùng được ở mọi gói, điều kiện duy nhất là bạn có quyền sửa tệp. Công cụ bảng của FigJam và của Figma Slides cũng vậy.

Có nên vẽ từng đường kẻ cho bảng không?

Không nên, trừ khi bảng chỉ là hình minh hoạ đứng yên. Đường kẻ vẽ tay không dính vào ô, nên chỉ cần một hàng dài thêm ra là bạn phải kéo lại tất cả. Viền của khung và ô trong bố cục tự động làm được việc đó mà tự co giãn theo.