งานออกแบบชิ้นแรกของคุณ

1เริ่มจากหน้าแรก

หน้าแรกจะเปิดขึ้นเมื่อแอปเริ่มทำงาน โดยแสดงไฟล์ล่าสุดเป็นตารางหรือรายการ และมีตัวเลือก ไฟล์ใหม่, เปิดไฟล์, เทมเพลต, ระบบดีไซน์ และ เทมเพลตฉาก

กล่องพรอมต์ด้านบนเริ่มงานออกแบบจากประโยคเดียว เลือกสิ่งที่คุณจะทำ (แลนดิ้งเพจ, แอปมือถือ, เว็บแอป, สไลด์, แดชบอร์ด หรือ อย่างอื่น) และขนาด (เดสก์ท็อป, แท็บเล็ต, มือถือ หรือ สไลด์) แล้วอธิบายสิ่งที่ต้องการ เอเจนต์ในตัวจะวาดลงบนแคนวาสใหม่

การ์ดนำเข้าด้านล่างใช้เปิดไฟล์ Figma หน้าเว็บ ภาพหน้าจอที่ต้องการสร้างใหม่ หรือไฟล์ pen.dev ขณะที่อยู่ในหน้าแรก Cmd+N จะสร้างไฟล์เปล่า

2วาดบอร์ด

1. กด F เพื่อใช้เครื่องมือเฟรม แล้วลากบนแคนวาส เฟรมระดับบนสุดคือบอร์ด: หน้าจอ ส่วนของหน้า หรือสไลด์
2. กด R, O หรือ T เพื่อเพิ่มสี่เหลี่ยมผืนผ้า วงรี หรือข้อความไว้ข้างใน
3. เลือกเลเยอร์ แล้วแก้ไขขนาด สีพื้น เส้นขอบ และเอฟเฟกต์ในแผงด้านขวา
4. เปิดเลย์เอาต์อัตโนมัติให้บอร์ด เพื่อเรียงเลเยอร์ลูกพร้อมช่องว่างและระยะขอบใน

3บันทึก

Cmd+S บันทึกไฟล์ .de ซึ่งเป็น JSON ธรรมดา จึงดู diff ใน git ได้ง่ายและเอเจนต์อ่านได้ โดยค่าเริ่มต้น รูปภาพจะอยู่ในโฟลเดอร์ <name>.assets/ ข้าง ๆ ไฟล์ เอเจนต์ยังบันทึกเป็นไฟล์เดียวที่ฝังรูปภาพทั้งหมดไว้ได้ด้วย

4ดูตัวอย่าง

กด Cmd+P เพื่อเปิดตัวอย่าง เลือก โทรศัพท์, เดสก์ท็อป หรือ แคนวาส ที่ด้านบน บอร์ดที่ทำเครื่องหมายเป็นหน้าจอจะทำงานเหมือนหน้าของเว็บไซต์ มีแถบที่อยู่และปุ่มย้อนกลับ/ไปข้างหน้า

5หรือเริ่มจากเทมเพลต

ไฟล์ > สร้างใหม่จากเทมเพลต จะเปิดเทมเพลตฉากในตัว: การ์ด การเปรียบเทียบ สไลด์ อินโฟกราฟิก บทแนะนำ และภาพสไลด์แบบหมุนเวียน บันทึกเอกสารใดก็ได้เป็นเทมเพลตของคุณเองด้วย ไฟล์ > บันทึกเป็นเทมเพลต

ศูนย์พรอมป์มีพรอมต์สำเร็จรูปสำหรับหน้าจอเริ่มต้น แอปมือถือ หน้าเว็บ แดชบอร์ด คอมโพเนนต์ และการแก้ไข บันทึกพรอมต์ที่ใช้บ่อยไว้ใน ของฉัน