Canvas và công cụ

Canvas chiếm toàn bộ cửa sổ và các bảng nổi phía trên. Mỗi công cụ đều có phím tắt chỉ gồm một phím.

1Công cụ

Công cụ	Chức năng
Chọn `V`	Chọn, di chuyển và thay đổi kích thước lớp.
Khung `F`	Vẽ một khung. Khung cấp cao nhất là một bảng vẽ, màn hình hoặc trang chiếu.
Hình chữ nhật `R`	Ô công cụ hình dạng. Menu của nó còn có Đa giác, Ngôi sao, Đường thẳng, Biểu tượng và Trình duyệt.
Hình elip `O`	Hình tròn và hình elip, kèm cung tròn và hình vành khuyên.
Đa giác `Y`, Đường thẳng `L`	Đa giác đều và đường thẳng.
Bút vẽ `P`	Đường dẫn với nhiều điểm neo. Enter hoặc Escape để kết thúc đường dẫn.
Bút chì `Shift+P`	Nét vẽ tay, được làm mượt thành đường cong.
Văn bản `T`	Nhấp để tạo ô văn bản tự giãn, kéo để đặt chiều rộng cố định.
Ghi chú `N`	Thẻ ghi chú, ngữ cảnh và lời nhắc cho bạn hoặc cho agent.
Hình ảnh	Đặt một tệp PNG, JPEG, GIF, WebP hoặc SVG.
Bàn tay `H`	Kéo canvas. Giữ phím Space cũng có tác dụng tương tự.

2Hình dạng đặc biệt

Ngôi sao: một đa giác có bán kính trong. Bảng thuộc tính đặt số cánh và bán kính trong.
Cung elip: Bắt đầu, Quét và Bán kính trong trong bảng thuộc tính biến hình elip thành miếng bánh, cung tròn hoặc hình vành khuyên.
Biểu tượng: chọn từ Lucide, Feather, Simple Icons (thương hiệu), Material Symbols dạng outlined, rounded và sharp, và Phosphor.
Làm mượt bút chì: Chính xác, Cân bằng hoặc Mượt, đặt trong Cài đặt, Hệ thống. Kiểu con trỏ bút cũng nằm ở đó.

3Trang web trực tiếp trên canvas

Hình dạng Trình duyệt hiển thị một trang web thật dưới dạng thiết bị Máy tính, Máy tính bảng hoặc Điện thoại, với URL, thu phóng và cuộn. Nó dùng Chrome, Chromium, Edge hoặc Brave đã cài sẵn trên máy; đặt DE_BROWSER_PATH để chọn trình duyệt khác.

Các trang trong tệp bạn mở sẽ tạm dừng cho đến khi bạn nhấp Tải trang, nên việc mở tệp không bao giờ tự truy cập một trang web.

4Ghi chú và script

Thẻ ghi chú, ngữ cảnh và lời nhắc chỉ tồn tại trên canvas. Chúng bị loại khỏi mọi bản xuất, nên bạn có thể để lại hướng dẫn cho agent ngay cạnh thiết kế.

Nút script là một khung được vẽ bằng JavaScript. Các tham số @input của nó hiển thị thành trường nhập trong mục Script của bảng thuộc tính.

5Di chuyển trên canvas

Cuộn hai ngón trên trackpad để di chuyển; chụm ngón để thu phóng.
Con lăn chuột dùng để thu phóng. Giữ Cmd khi cuộn trackpad để thu phóng thay vì di chuyển.
Giữ Space và kéo để di chuyển với bất kỳ công cụ nào.
Nút thu phóng ở góc dưới bên phải dùng để phóng to, thu nhỏ và hiển thị vừa mọi thứ trên màn hình.

6Căn chỉnh, bắt dính và kết hợp

Khi kéo một lớp, các đường gióng thông minh xuất hiện và lớp bắt dính vào cạnh và tâm của các lớp xung quanh.

Căn trái, giữa, phải, trên, giữa theo chiều dọc hoặc dưới từ bảng thuộc tính. Phân bố theo chiều ngang hoặc chiều dọc khi chọn từ ba lớp trở lên.

Phép toán boolean kết hợp các hình: Hợp nhất Cmd+Alt+U, Trừ Cmd+Alt+S, Giao nhau Cmd+Alt+I, Loại trừ Cmd+Alt+X. Chúng cũng có trong menu lớp. Không thể kết hợp các khung đang chứa lớp khác.

7Sao chép và dán

Sao chép, cắt và dán hoạt động trên các lớp. Sao chép lớp trong Figma rồi dán vào đây sẽ đưa chúng vào dưới dạng lớp có thể chỉnh sửa. Dán HTML từ bất kỳ đâu cũng chuyển nó thành các lớp.

Tài liệuSử dụng trình chỉnh sửa