เรียนรู้จากคุณ
ทุกครั้งที่คุณเก็บหรือทิ้ง โปรไฟล์ที่เป็นของคุณคนเดียวจะได้เรียนรู้ แต่ละหน้าจอจึงเริ่มต่อจากจุดที่หน้าจอก่อนหน้าจบไว้ แทนที่จะเริ่มจากศูนย์
สร้างดีไซน์ที่มีรสนิยม
เอเจนต์ดีไซน์ที่คัดสรรมาสำหรับทีมและเอเจนต์ อธิบายสิ่งที่คุณกำลังสร้าง สิ่งที่ได้กลับมาคือหน้าจอจริง ระบบที่สอดคล้องกัน และรสนิยมที่ต่อเนื่องไปถึงทุกรายละเอียด
เริ่มต้นใช้งาน
ShareExport
What are we making?
ShareExport
What are we making?
ทีมเอเจนต์ครีเอทีฟ
ตัวหนึ่งเขียนแผน ตัวหนึ่งกำหนดทิศทาง ตัวหนึ่งสร้างหน้าจอ อีกตัวตัดสินว่าดีพอจะให้คุณดูหรือยัง
ทีมเอเจนต์ครีเอทีฟ
ตัวหนึ่งเขียนแผน ตัวหนึ่งกำหนดทิศทาง ตัวหนึ่งสร้างหน้าจอ อีกตัวตัดสินว่าดีพอจะให้คุณดูหรือยัง
ShareExport
What are we making?
การแก้ไข
แตะคอมโพเนนต์แล้วเลือกจากดีไซน์แบบอื่นของคอมโพเนนต์นั้นได้ในที่เดิม หรือสเก็ตช์หน้าจอที่คุณต้องการ แล้วรับกลับมาเป็นหน้าจอที่สร้างเสร็จ
การแก้ไข
แตะคอมโพเนนต์แล้วเลือกจากดีไซน์แบบอื่นของคอมโพเนนต์นั้นได้ในที่เดิม หรือสเก็ตช์หน้าจอที่คุณต้องการ แล้วรับกลับมาเป็นหน้าจอที่สร้างเสร็จ
สร้างจริง
ส่งออกไปยังเอเจนต์เขียนโค้ดของคุณ: หน้าจอในรูปแบบ HTML และ CSS โทเคน และ design.md ที่เอเจนต์ใช้สร้างต่อได้ทีละหน้าจอ
สร้างจริง
ส่งออกไปยังเอเจนต์เขียนโค้ดของคุณ: หน้าจอในรูปแบบ HTML และ CSS โทเคน และ design.md ที่เอเจนต์ใช้สร้างต่อได้ทีละหน้าจอ
ดีไซน์ที่เป็นของคุณอย่างชัดเจน
ดักจับ slop
ตัวตรวจกฎจะตรวจทุกหน้าจอเทียบกับสเปกที่อัปเดตอยู่เสมอก่อนที่คุณจะเห็น และเราเปิดตัวตรวจนี้เป็นโอเพ่นซอร์ส
ส่งมอบเป็นโค้ด
มาร์กอัปจริงและโทเคนที่ใช้งานได้ตั้งแต่พิกเซลแรก ไม่ใช่ภาพของแอป การส่งออกจะวาง HTML, CSS และโทเคนไว้ในโค้ดเบสของคุณให้เอเจนต์ใช้สร้างต่อ
รายเดือนรายปี
Free
พื้นฐาน
$0
ต่อเดือน
- 60 เครดิตต่อเดือนโดยปกติจะได้สูงสุด 6-8 ดีไซน์
- ได้รับเครดิตเต็มจำนวนตั้งแต่ต้นเดือน
- ออกแบบได้ครั้งละ 1 ดีไซน์
- โหมด Quality และ Standard
Pro
สำหรับงานประจำ
$16.67$20
ต่อเดือนประหยัด 17%เรียกเก็บ $200/ปี
- 120 เครดิตต่อเดือนโดยปกติจะได้สูงสุด 12-16 ดีไซน์
- คิวเร็วขึ้น
- เลือกโมเดลเองได้ นอกเหนือจาก Quality และ Standard
- เครดิตที่ไม่ได้ใช้ยกยอดไปได้หนึ่งเดือน
- เติมเครดิตได้ทุกเมื่อที่ต้องการเพิ่ม
Ultra
สำหรับผู้ใช้งานหนัก
$83.33$100
ต่อเดือนประหยัด 17%เรียกเก็บ $1,000/ปี
- 400 เครดิตต่อเดือนโดยปกติจะได้สูงสุด 40-53 ดีไซน์
- คิวเร็วที่สุด แม้ในช่วงที่มีผู้ใช้มาก
- เลือกโมเดลเองได้ นอกเหนือจาก Quality และ Standard
- เครดิตที่ไม่ได้ใช้ยกยอดไปได้หนึ่งเดือน
- เติมเครดิตได้ทุกเมื่อที่ต้องการเพิ่ม
Teams
สำหรับทีมที่ออกแบบร่วมกัน
- เวิร์กสเปซที่ใช้ร่วมกันสำหรับโปรเจกต์และโฟลเดอร์
- ออกแบบบนแคนวาสเดียวกันแบบเรียลไทม์
- เชิญเพื่อนร่วมทีมเป็นผู้ดูแลหรือสมาชิก
- ตั้งค่าร่วมกับผู้ก่อตั้ง
คำถามที่พบบ่อย
Gesso คืออะไร?
ทีมครีเอทีฟ AI สำหรับนักสร้าง อธิบายสิ่งที่คุณกำลังสร้าง แล้ว Gesso จะออกแบบ UI ผลิตภัณฑ์ที่ครบถ้วนและพร้อมใช้งานจริง: หน้าจอจริง Design System ที่สอดคล้องกัน และรายละเอียดที่คงคุณภาพตั้งแต่เฟรมแรกถึงเฟรมสุดท้าย
Gesso ต่างจากเครื่องมือออกแบบ AI อื่นอย่างไร?
UI ที่สร้างด้วย AI ส่วนใหญ่มักกลายเป็น slop: ตัวอักษรไม่เข้ากัน เส้นขอบที่ใส่มาแบบสุ่ม เลย์เอาต์ที่ไม่มีมุมมองของตัวเอง เอเจนต์ของ Gesso ออกแบบโดยยึดสเปกดีไซน์ที่อัปเดตอยู่เสมอ และรักษาภาษาภาพของคุณให้สม่ำเสมอตั้งแต่เฟรมแรกถึงเฟรมสุดท้าย
Gesso เหมาะกับใคร?
นักสร้าง ผู้ก่อตั้ง และนักออกแบบที่ vibe-code: ทุกคนที่กำลังปล่อยผลิตภัณฑ์และอยากได้ดีไซน์ที่ดูตั้งใจ โดยไม่ต้องมีขั้นตอนส่งต่องาน สิ่งที่คุณออกแบบที่นี่จะออกมาเป็น HTML และ CSS จริงที่เอเจนต์เขียนโค้ดของคุณใช้สร้างต่อได้
ต่างจากการขอดีไซน์จากผู้ช่วยแชตอย่างไร?
แชตเป็นเส้นตรง: ชิ้นงานเดียวที่ปรับแก้ไปตามเธรด และค่าเริ่มต้นแบบเดียวกันสำหรับทุกคน Gesso สร้างแนวทางที่แตกต่างกันจริงๆ วางเคียงกันบนแคนวาส คุณจึงได้เลือกจากตัวเลือกจริง แทนที่จะคอยปรับทิศทางของชิ้นเดียว
เอเจนต์เขียนโค้ดของฉันใช้ Gesso ได้ไหม?
ได้ ในทุกแพ็กเกจ เพิ่มเซิร์ฟเวอร์ MCP แบบโฮสต์ให้ Claude Code, Cursor หรือ Codex ด้วยคำสั่งบรรทัดเดียวและการเข้าสู่ระบบผ่านเบราว์เซอร์ เอเจนต์ของคุณสร้างและแก้ไขแนวทาง ส่งออกหน้าจอและโทเคนเข้า repo และรันการวิจารณ์ได้
ราคาเท่าไร?
Gesso ใช้ระบบเครดิต ดีไซน์ที่สมบูรณ์หนึ่งชิ้นใช้ 10 เครดิต และการแก้ไขใช้เพียงเศษส่วนของจำนวนนั้น บัญชี Free ได้ 60 เครดิตต่อเดือน Pro ราคา $20 ต่อเดือน ได้ 120 เครดิตที่ยกยอดได้ พร้อมเลือกโมเดลเอง Ultra ราคา $100 ต่อเดือน ได้ 400 เครดิต ดูราคา
ตัวตรวจ anti-slop คืออะไร?
กฎที่รันได้จริง 73 ข้อ ซึ่งดักจับร่องรอยของ UI ที่สร้างด้วย AI: พาดหัวที่ไล่สีแบบคลิปตัวอักษร สีเน้นที่ไม่มีใครเลือก อีโมจิที่ใช้แทนระบบไอคอน ตัวตรวจนี้ทำงานกับทุกหน้าจอที่ Gesso สร้างในระบบจริง และเป็นโอเพ่นซอร์สภายใต้สัญญาอนุญาต MIT ที่ Gesso-Build/skills
ดีไซน์เข้าไปอยู่ในโค้ดเบสของฉันได้อย่างไร?
ในรูปแบบไฟล์ที่เอเจนต์ของคุณใช้สร้างต่อได้: หน้าจอเป็น HTML และ CSS ดีไซน์โทเคน และ design.md ที่บันทึกการตัดสินใจเบื้องหลัง เมื่อใช้ MCP เอเจนต์ของคุณจะดึงไฟล์เข้า repo โดยตรง หากไม่ใช้ ก็วาง HTML และ CSS ที่ส่งออกลงในเอเจนต์เขียนโค้ดตัวใดก็ได้ การสร้างให้ตรงตามดีไซน์ยังเป็นหน้าที่ของเอเจนต์ของคุณ Gesso ให้ต้นฉบับไว้ใช้ทำงาน
จะลองใช้ Gesso ได้อย่างไร?
Gesso อยู่ในช่วงเบต้าและเปิดให้ทุกคนใช้ เริ่มต้นใช้งาน แล้วเริ่มบรีฟแรกของคุณได้ทันที