UI3: Tái thiết kế giao diện quy mô lớn lấy người dùng làm trung tâm
- UI3 là thay đổi giao diện lớn nhất của Figma kể từ năm 2019, được xây dựng lại để giảm độ phức tạp và tạo thêm không gian cho cộng tác nhóm
- Trong giai đoạn beta ban đầu, đã phát hiện vấn đề các bảng nổi (floating panels) làm chậm tốc độ làm việc
- Dựa trên phản hồi của người dùng, các bảng đã được chuyển sang dạng neo cố định (docked) và có thể thay đổi kích thước
- Bổ sung các chi tiết nhỏ như cuộn ngang để mang lại môi trường chỉnh sửa trực quan hơn
- Các cải tiến chính:
- Có thể truy cập nhanh các công cụ chính và tính năng AI thông qua thanh công cụ phía dưới và menu Actions
- Cải tiến công cụ ống hút màu: có thể tái sử dụng style, thay đổi định dạng màu và tạo biến mới
Tăng cường tính năng cốt lõi: Multi-edit và tối ưu hiệu năng
- Multi-edit: thích ứng với nhiều phong cách làm việc khác nhau, nâng cao hiệu quả khi cộng tác
- Typography:
- Hỗ trợ ghi đè text style (in nghiêng, in đậm, gạch chân, v.v.)
- Cải thiện công cụ chọn font và cho phép thiết lập khoảng cách đoạn hỗn hợp trong một text node duy nhất
- Cải thiện hiệu năng:
- Tải trang động để quản lý hiệu quả các file lớn
- Tối ưu sử dụng bộ nhớ và mang lại trải nghiệm cộng tác multiplayer mượt mà
- Cải tiến công cụ quản lý nhóm:
- Bổ sung các công cụ tổ chức như ghim file, bộ lọc tìm kiếm, đường phân cách trang
Tính năng AI: Loại bỏ ma sát trong quy trình làm việc thiết kế
- Tìm kiếm trực quan: tải ảnh hoặc vùng canvas lên để nhanh chóng tìm các file và component cần thiết
- Tạo và chuyển đổi văn bản:
- Thay thế văn bản, dịch, tóm tắt và chèn văn bản thực tế
- Tạo và chỉnh sửa hình ảnh:
- Cung cấp tính năng tạo ảnh bằng AI và xóa nền
- FigJam:
- Dùng AI mind map để trực quan hóa ý tưởng và tự động tạo tài liệu thuyết trình Figma Slides
Figma Slides: Công cụ thuyết trình lấy cộng tác làm trung tâm
- Cung cấp chế độ thuyết trình dựa trên các tính năng cộng tác của Figma
- Duy trì tính nhất quán bằng template thông minh
- Bổ sung tính năng khảo sát thời gian thực và tương tác
- Có thể tự động tạo outline bộ slide từ bảng FigJam
Design system: Tăng cường khả năng mở rộng và tính linh hoạt
- Tăng cường khả năng kiểm soát văn bản bằng biến typography
- Tính năng biến mới cho thuộc tính component:
- Có thể duy trì design system mà không cần tách instance
- Tăng tốc khởi đầu quy trình thiết kế với các UI kit có sẵn
Công cụ cho developer: Dev Mode và Code Connect
- Cải tiến Dev Mode:
- Bổ sung công cụ chú thích cho cộng tác giữa thiết kế và phát triển
- Tích hợp trực tiếp ngữ cảnh thiết kế vào trình chỉnh sửa mã bằng extension VS Code
- Code Connect:
- Cung cấp snippet mã production để tăng tính nhất quán giữa design system và code
Đóng góp từ cộng đồng: Plugin và template
- Các plugin đáng chú ý:
- LottieFiles: tạo animation
- Peppercorn: tạo text style
- Vector to 3D: chuyển thiết kế sang 3D
- Các template đáng chú ý:
- Chia sẻ hơn 500 template FigJam
- Cung cấp nhiều tài nguyên thiết kế và template sáng tạo đa dạng
Sự kiện toàn cầu và tăng trưởng cộng đồng
- Config 2024: hơn 10.000 người tham dự, cùng khám phá tương lai của thiết kế và phát triển
- Friends of Figma: 220 nhóm địa phương, tổ chức hơn 500 sự kiện
- Chia sẻ những trải nghiệm thiết thực và có ý nghĩa xoay quanh cộng đồng
- Trong năm 2024, trọng tâm là thu hẹp khoảng cách giữa thiết kế và phát triển, giữa ý tưởng và thuyết trình, giữa tưởng tượng và hiện thực
- Trong năm 2025, công ty có kế hoạch tiếp tục mở rộng hơn nữa khả năng của các công cụ thiết kế cùng với cộng đồng
1 bình luận
Lần này khi chuẩn bị cho GeekNight, tôi đã thực hiện công việc thiết kế bằng Figma.
Chỉ cần liếc nhìn từ bên cạnh thôi cũng thấy nó tiện lợi đến mức thật sự đáng kinh ngạc.
Không chỉ nhà thiết kế mà cả lập trình viên cũng nên thử dùng và học cách làm việc của họ.