#000

https://main--cc--adobecom.aem.live/cc-shared/assets/img/firefly.svg|AdobeFirefly Adobe Firefly

สร้างการออกแบบที่โต้ตอบได้ด้วยเครื่องมือสร้างเว็บไซต์ด้วย AI อย่าง Firefly Builder

นึกภาพเว็บไซต์ แอป และอื่นๆ ได้ง่ายดายด้วย Firefly Builder ที่แปลงพรอมต์และข้อมูลอ้างอิงให้กลายเป็นดีไซน์ที่ตอบสนองทุกหน้าจอ พร้อมพรีวิวและแก้ไขได้โดยตรงบนแคนวาส

ลงทะเบียนรอใช้งาน

style
dark
#000

https://main--da-cc--adobecom.aem.page/cc-shared/assets/img/product-icons/svg/firefly-80.svg|Adobe Firefly

ลงทะเบียนรอใช้งาน Firefly Builder

https://main--da-cc--adobecom.aem.page/cc-shared/assets/img/product-icons/svg/firefly-80.svg

Adobe Firefly

ลงทะเบียนรอใช้งาน Firefly Builder

https://main--da-cc--adobecom.aem.page/cc-shared/assets/img/product-icons/svg/firefly-80.svg

Adobe Firefly

ลงทะเบียนรอใช้งาน Firefly Builder

style
Sticky bottom, dark

Firefly Builder เมื่อ Vibe Coding มาพร้อมการควบคุมงานสร้างสรรค์

นักออกแบบสามารถนำไอเดียมาสร้างเป็นงานออกแบบเว็บไซต์และแอปแบบโต้ตอบได้ที่ตรงกับแบรนด์ได้อย่างรวดเร็วแล้ว โดยไม่ต้องเขียนโค้ดแม้แต่บรรทัดเดียว สร้างและจัดการโปรเจคที่หลากหลายบนพื้นที่ทำงานเดียว ปรับทุกรายละเอียดผ่านการสนทนากับ AI หรือเลือกและแก้ไขโดยตรง จากนั้นส่งออกชุดโค้ดเพื่อพัฒนาต่อได้เลย

background
#FFF
style
xxl-spacing-top, xl-top-rounded-corners, static links

สร้างความสอดคล้องและควบคุมงานได้ด้วยระบบการออกแบบและฟีเจอร์การแก้ไขบนพื้นที่ทำงาน

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

ดูตัวอย่างและแชร์งานออกแบบของคุณได้อย่างง่ายดาย

Firefly Builder เปลี่ยนดีไซน์ของคุณให้เป็นต้นแบบที่คลิกและทดลองใช้งานได้โดยตรงบนแคนวาส ส่งลิงก์ให้ผู้มีส่วนได้ส่วนเสีย ลูกค้า และผู้ร่วมงานเพื่อรับความคิดเห็น แล้วนำมาปรับแก้และขัดเกลาก่อนเริ่มการพัฒนา

ส่งออกผลงานจากเครื่องมือสร้างเว็บไซต์ด้วย AI

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

การสร้างดีไซน์แบบอินเทอร์แอกทีฟด้วย Firefly Builder

ขั้นตอนที่ 1

ลงทะเบียนรอใช้งาน

ไปที่ firefly.adobe.com/builder และลงทะเบียนรอใช้งาน Firefly Builder ด้วย Adobe ID ของคุณหรือสร้างบัญชีฟรีหากยังไม่มี

ขั้นตอนที่ 2

เปิด Firefly Builder

เมื่อแอปพร้อมใช้งาน ให้เข้าสู่ระบบด้วย Adobe ID

ขั้นตอนที่ 3

เริ่มสร้างโปรเจค

คลิกไอคอนรูปเครื่องบินกระดาษที่มุมขวาล่างของหน้าต่างพรอมต์ Firefly Builder จะเริ่มสร้างงานออกแบบบนพื้นที่ทำงาน และคุณสามารถติดตามการทำงานแบบเรียลไทม์ทีละขั้นตอนได้

ขั้นตอนที่ 4

ดูตัวอย่างโปรเจค

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

ขั้นตอนที่ 5

ปรับแต่งผลลัพธ์

แก้ไขโปรเจคต่อได้โดยเลือกกรอบและพิมพ์คำสั่งในหน้าต่างแชท AI

ขั้นที่ 6

ไม่บังคับ: สร้างโปรเจคเพิ่มเติม

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

สลับระหว่างโปรเจคต่างๆ ไปมาได้โดยเลือกบนพื้นที่ทำงาน หรือเมนูดรอปดาวน์ที่บริเวณซ้ายบนของแผงแชท

การสร้างประสบการณ์แบบอินเทอร์แอกทีฟด้วย Firefly Builder

ขั้นตอนการสร้างประสบการณ์แบบอินเทอร์แอกทีฟด้วย Firefly Builder

PT5M

firefly

ลงทะเบียนรอใช้งาน
style
xl-bottom-rounded-corners
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)

ทำไมต้องเลือก Firefly Builder เป็นเครื่องมือสร้างเว็บไซต์ด้วย AI

Firefly Builder ช่วยให้นักออกแบบกราฟิก นักออกแบบ UI/UX และผู้เชี่ยวชาญด้านงานสร้างสรรค์ทุกสาขาสามารถสร้างประสบการณ์แบบอินเทอร์แอคทีฟได้โดยไม่ต้องเขียนโค้ด ไม่ว่าจะต้องการสร้างต้นแบบเว็บแอปแบบง่ายๆ หรือออกแบบไมโครไซต์ที่สะท้อนแบรนด์สำหรับการเปิดตัวผลิตภัณฑ์ Firefly Builder ก็ช่วยให้เห็นภาพได้อย่างชัดเจนว่าผลิตภัณฑ์สุดท้ายจะมีรูปลักษณ์ ความรู้สึก และการทำงานอย่างไร

background
#FFF
style
xxl-spacing-top, xl-top-rounded-corners, static links
#FFF

ควบคุมงานสร้างสรรค์ได้

ด้วยความสามารถในการสร้างระบบการออกแบบและปรับแก้รายละเอียดทุกส่วนของดีไซน์ได้โดยตรงบนแคนวาส Firefly Builder ช่วยยกระดับการเขียนโค้ดแบบไวบ์ให้แม่นยำยิ่งขึ้นไปอีกขั้น

#FFF

งานออกแบบที่โต้ตอบได้โดยไม่ต้องเขียนโค้ด

เพียงพิมพ์คำอธิบาย เพิ่มอ้างอิงภาพ และอัปโหลดแนวทางของแบรนด์ เครื่องมือสร้างเว็บไซต์ด้วย AI จะสร้างงานออกแบบที่โต้ตอบได้ที่ตรงตามวิสัยทัศน์ได้อย่างรวดเร็ว

#FFF

แชร์ได้ง่ายดาย

เมื่อได้งานออกแบบที่ลงตัวแล้ว ให้สร้างลิงก์สำหรับแชร์เพื่อส่งให้ผู้ร่วมงานและผู้มีส่วนเกี่ยวข้องตรวจทานได้ทันที โดยไม่ต้องส่งออกไฟล์หรือส่งต่องานให้ยุ่งยาก

#FFF

ผลลัพธ์พร้อมใช้งานจริง

Firefly Builder สร้างชุดโค้ดที่สะอาดและพร้อมใช้งาน เพื่อต่อยอดในเครื่องมือพัฒนาเว็บได้ทันที

style
two up, s spacing top, l spacing bottom, show-2-desktop, static-links
background
#FFF
ลงทะเบียนรอใช้งาน
background
#FFF
style
xl-top-rounded-corners, static links

มาดูกันว่าคุณทำอะไรด้วย Firefly Builder ได้บ้าง

ลงทะเบียนเข้าร่วมรายการรอ
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
ลงทะเบียนเข้าร่วมรายการรอ
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page
ลงทะเบียนเข้าร่วมรายการรอ
https://firefly.adobe.com/builder/join?ff_source=adobe-com&ff_campaign=ff-builder-page

ดูฟีเจอร์อื่นๆ เพิ่มเติม

background
#F0F0F7
สร้างภาพจากข้อความ แปลงภาพเป็นภาพ ร่างเป็นภาพ เครื่องมือสร้างงานออกแบบกราฟิกด้วย AI เครื่องมือสร้างงานศิลปะด้วย AI เครื่องมือสร้างภาพวาดด้วย AI เครื่องมือสร้างวิดีโอด้วย AI เครื่องมือสร้างแอนิเมชันด้วย AI เครื่องมือสร้างภาพบุคคลด้วย AI เครื่องมือสร้างการ์ตูนด้วย AI เครื่องมือสร้างดนตรีด้วย AI เครื่องมือสร้างเอฟเฟกต์เสียงด้วย AI
background
linear-gradient(180deg, #FFF 0%, #F0F0F7 27.32%)
style
xl-bottom-rounded-corners, spacing-bottom-180

หากคุณมีคำถาม เราพร้อมให้คำตอบ

Firefly Builder คืออะไร

Firefly Builder เป็นแอปพลิเคชันบนเว็บสำหรับสร้างงานออกแบบที่โต้ตอบได้ เช่น เว็บไซต์และแอป โดยไม่ต้องเขียนโค้ดแม้แต่บรรทัดเดียว

Firefly Builder เหมาะกับใคร

เหมาะกับนักออกแบบและผู้เชี่ยวชาญด้านงานสร้างสรรค์ทุกคนที่ต้องการนำศิลปะการเล่าเรื่องด้วยภาพมาสร้างประสบการณ์แบบโต้ตอบได้ เช่น เว็บไซต์และแอป ไม่ว่าจะใช้ Firefly สำหรับงานลูกค้าหรือเสริมสร้างแบรนด์ขององค์กร

ฉันจะเข้าใช้งานเครื่องมือสร้างเว็บไซต์ด้วย AI ของ Firefly Builder ได้เมื่อไร

แอปนี้พร้อมให้ใช้งานแล้วในโปรแกรมเบต้าแบบปิด สำหรับข้อมูลเพิ่มเติม เยี่ยมชมได้ที่ firefly.adobe.com/builder

รองรับภาษาใดบ้าง

ปัจจุบัน Firefly Builder รองรับภาษาอังกฤษเท่านั้น

อัปโหลดไฟล์ประเภทใดได้บ้างในหน้าต่างพรอมต์

ปัจจุบัน Firefly Builder รองรับไฟล์ประเภทต่อไปนี้: JPEG, PNG, PDF, MD และ GIF

สามารถใช้ Firefly Builder สร้างเว็บไซต์และแอปด้วย AI บนอุปกรณ์มือถือได้หรือไม่

ได้ Firefly Builder ใช้งานได้บนเว็บเบราว์เซอร์ทั้งเดสก์ท็อปและมือถือ อย่างไรก็ตาม ยังไม่รองรับการส่งออกชุดโค้ดสำหรับแอปพลิเคชันมือถือ

Firefly Builder รองรับเบราว์เซอร์ใดบ้าง

Firefly Builder รองรับการใช้งานบน Google Chrome, Apple Safari, Microsoft Edge และ Mozilla Firefox

ฉันสามารถแก้ไขงานออกแบบหลังจากสร้างเสร็จแล้วได้หรือไม่

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

แชร์หน้านี้

style
xxl spacing bottom