แคนวาสและเครื่องมือ

1เครื่องมือ

2รูปทรงพิเศษ

• ดาว: รูปหลายเหลี่ยมที่มีรัศมีด้านใน แผงใช้กำหนดจำนวนแฉกและรัศมีด้านใน
• ส่วนโค้งของวงรี: ค่า เริ่ม, กวาด และ ภายใน ในแผงเปลี่ยนวงรีเป็นชิ้นพาย ส่วนโค้ง หรือรูปโดนัท
• ไอคอน: เลือกจาก Lucide, Feather, Simple Icons (แบรนด์), Material Symbols แบบ outlined, rounded และ sharp และ Phosphor
• ความเรียบของดินสอ: แม่นยำ, สมดุล หรือ เรียบ ตั้งค่าได้ที่ การตั้งค่า > ระบบ ซึ่งมีรูปแบบเคอร์เซอร์ดินสอด้วย

3หน้าเว็บสดบนแคนวาส

รูปทรงเบราว์เซอร์แสดงหน้าเว็บจริงในอุปกรณ์แบบเดสก์ท็อป แท็บเล็ต หรือโทรศัพท์ พร้อม URL การซูม และการเลื่อน โดยใช้ Chrome, Chromium, Edge หรือ Brave ที่ติดตั้งอยู่ในคอมพิวเตอร์ของคุณแล้ว หากต้องการใช้ตัวอื่นให้ตั้งค่า DE_BROWSER_PATH

4โน้ตและสคริปต์

การ์ดโน้ต บริบท และพรอมต์ อยู่บนแคนวาสเท่านั้น และจะไม่ถูกรวมในการส่งออกใด ๆ คุณจึงทิ้งคำสั่งสำหรับเอเจนต์ไว้ข้างงานออกแบบได้

โหนดสคริปต์คือเฟรมที่วาดด้วย JavaScript พารามิเตอร์ @input ของโหนดจะแสดงเป็นช่องกรอกในส่วนสคริปต์ของแผง

5การเลื่อนดูแคนวาส

• เลื่อนสองนิ้วบนแทร็กแพดเพื่อเลื่อนแคนวาส บีบนิ้วเพื่อซูม
• ล้อเมาส์ใช้ซูม กด Cmd ค้างไว้ขณะเลื่อนบนแทร็กแพดเพื่อซูมแทนการเลื่อน
• กด Space ค้างไว้แล้วลากเพื่อเลื่อนแคนวาสได้กับทุกเครื่องมือ
• ปุ่มซูมที่มุมขวาล่างใช้ซูมเข้า ซูมออก และปรับให้ทุกอย่างพอดีหน้าจอ

6จัดแนว สแนป และรวมรูปทรง

เมื่อลากเลเยอร์ จะมีเส้นนำอัจฉริยะแสดงขึ้นและเลเยอร์จะสแนปไปที่ขอบและจุดกึ่งกลางของเลเยอร์รอบ ๆ

จัดแนวซ้าย กึ่งกลาง ขวา บน กลาง หรือล่างได้จากแผง เมื่อเลือกตั้งแต่สามเลเยอร์ขึ้นไป จะกระจายระยะในแนวนอนหรือแนวตั้งได้

การดำเนินการบูลีนใช้รวมรูปทรง: รวม Cmd+Alt+U, ลบ Cmd+Alt+S, ตัดกัน Cmd+Alt+I, ยกเว้น Cmd+Alt+X ซึ่งอยู่ในเมนูเลเยอร์ด้วย เฟรมที่มีเลเยอร์อื่นอยู่ข้างในจะรวมไม่ได้

7คัดลอกและวาง

คัดลอก ตัด และวาง ใช้กับเลเยอร์ได้ การคัดลอกเลเยอร์ใน Figma แล้ววางที่นี่จะได้เลเยอร์ที่แก้ไขได้ การวาง HTML จากที่ใดก็ตามก็จะถูกแปลงเป็นเลเยอร์เช่นกัน