Google Flutter

Adobe XD ออก plugin เวอร์ชั่นทดลองใช้แล้ว รองรับการส่งออกโค้ดเป็นภาษา Dart, Google Flutter

เรื่องที่เกี่ยวข้อง - Adobe XD, Google Flutter, Plugin

เมื่อคืนวาน ทางทีมงาน Google Flutter ได้ประกาศผ่าน medium ว่า ตอนนี้ plugin เวอร์ชั่น early access ของ Adobe XD เริ่มให้ทดลองใช้แล้ว มาดูกันครับว่าตอนนี้ตัว plugin ของ Adobe XD ทำได้แค่ไหนกัน

Adobe XD คืออะไร?

สำหรับใครที่ยังไม่เคยได้ยิน ได้เห็น Adobe XD มาก่อน มันคือโปรแกรมออกแบบด้าน UI/UX ที่สามารถสร้างต้นแบบของ websites, แอพ, เกมส์ ที่สามารถแชร์คุยกันในทีมได้ 

โค้ชพลก็เคยทำคลิปวิดีโอแนะนำไว้ที่ Youtube ของโค้ชพล สนใจคลิกดูด้านล่างได้ครับ

วิธีการ Export Flutter Code จาก Adobe XD

ส่วนเสริมที่เพิ่มตัวควบคุมการ export งานออกแบบของเราเป็น Flutter Widget

พอศึกษารายละเอียดของ Flutter Plugin ใน Adobe XD ก็ย่ิงน่าตื้นเต้นใหญ่ เพราะเราสามารถ export ตัวโค้ดในหลายระดับ เช่น

  • ระดับรูปภาพทั่วๆ ไป 
  • ระดับ Component
  • ระดับ Artboard
  • ระดับทั้งโปรเจค
ตัวอย่างโค้ดภาษา Dart ที่สร้างจาก plugin ของ Adobe XD

ซึ่งโครงการของ plugin Adobe XD to Flutter ถูกเอาไปวางไว้บน Github แบบเดียวกับของ Figma ที่พลเล่าไปตอนที่แล้วครับ สามารถดาวน์โหลดมาลองได้เลย

ติดตั้ง Plugin

หลังจากเราติดตั้ง Adobe XD ในเครื่องแล้ว ก็สามารถกดลิ้งค์ด้านล่างเพื่อติดตั้งตัว Plugin ต่อได้เลยครับ

ติดตามเรื่องดีๆ แบบนี้ได้ผ่านช่องทางด้านล่างครับ

และเริ่มเรียนรู้การสร้างแอพได้จากคอร์สที่โค้ชพลเตรียมไว้อย่างดีได้เลย

คอร์สออนไลน์เริ่มต้นสร้าง Mobile App ด้วย Google Flutter

เหมาะผู้เริ่มต้น และนักพัฒนาเว็บ, เข้าใจง่าย, ใช้ได้จริง

สอบถาม หรือติดต่อจัดอบรมโทร 083-071-3373

อ้างอิง – Medium, Github

เริ่มต้นยุค AI ด้วยคอร์สฟรี และพรีเมี่ยม กับพล

หากชอบสิ่งที่พลเล่า เรื่องที่พลสอน สามารถสนับสนุนพลโดยการเข้าเรียนคอร์สออนไลน์ของพลนะคร้าบ

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

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

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • Always Active

Save