portaldacalheta.pt
  • หลัก
  • การทำกำไรและประสิทธิภาพ
  • การออกแบบ Ux
  • เทคโนโลยี
  • การออกแบบตราสินค้า
เครื่องมือและบทช่วยสอน

ลดความซับซ้อนของการออกแบบร่วมกันด้วย Figma



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

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



ฉันจะเขียนโค้ดได้อย่างไร

Figma คืออะไร?

ก่อนอื่นให้กลับไปที่ความคิดของคุณ จำความตื่นเต้นครั้งใหญ่เมื่อ Google เปิดตัว G Suite Create ครั้งแรกได้ไหม ความสามารถในการมีคนจำนวนมากทำงานในเอกสารเดียวกันในเวลาเดียวกันเป็นตัวเปลี่ยนเกมที่สมบูรณ์ จากนั้นทีมสามารถทำงานร่วมกันได้โดยการเขียนข้อความวิเคราะห์ข้อมูลในสเปรดชีตหรือสร้างงานนำเสนอ Figma คือ G Suite Create สำหรับโลกแห่งการออกแบบ



การทำงานร่วมกันในแอพ Figma

เพื่อดูว่า Figma เป็นเครื่องมือการทำงานร่วมกันที่เหมาะสมสำหรับฉันหรือไม่ฉันได้ทำการทดสอบของตัวเอง ฉันขอให้เพื่อนร่วมงานช่วยสร้างอินเทอร์เฟซสำหรับโปรเจ็กต์ใหม่ที่ฉันกำลังทำอยู่ แต่แทนที่จะเดินทางไปกลับตามปกติเราใช้ไฟล์ แพลตฟอร์ม Figma . ผลลัพธ์ที่ได้น่าทึ่งมาก ฉันเพิ่งส่งลิงค์โครงการและภายในไม่กี่วินาทีฉันก็เห็นเคอร์เซอร์ของเพื่อนปรากฏบนหน้าจอ:



ดังนั้นฉันจึงใช้เครื่องมือเฉพาะในแอพ Figma เพื่อมอบไฟล์ สั้น ๆ ของโครงการ ฉันประหลาดใจที่พบว่าระบบนี้ใช้งานง่ายสุด ๆ หลังจากส่งบทสรุปแล้วฉันเห็นเพื่อนร่วมงานของฉันสร้างหน้าจอที่ฉันขอ:



สิ่งนี้ทำให้ฉันมีเวลามากขึ้นในการเริ่มขั้นตอนต่อไปของโครงการ เนื่องจากงานกำลังดำเนินไปในอัตราที่ไม่ธรรมดาฉันจึงตัดสินใจสร้างส่วนประกอบที่เราจะใช้ในหลายหน้าจอ:



ด้วยความประหลาดใจของฉันทันทีที่ฉันสร้างภาพร่างของปุ่มและระบุว่าเป็นส่วนประกอบเพื่อนร่วมงานของฉันก็สามารถวางลงในหน้าจออื่นได้:



อะไรคือขั้นตอนแรกของการจัดทำงบประมาณทุน

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



จากนั้นเพื่อนร่วมงานของฉันก็เริ่มใส่ภาพใหม่บนหน้าจอในขณะที่กระโดดเข้าสู่ขั้นตอนการสร้างต้นแบบมันช่วยประหยัดเวลาได้มาก ดูว่าการสร้างต้นแบบเชิงโต้ตอบในแอป Figma นั้นง่ายเพียงใด:



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

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

llc ของฉันคือ s หรือ c corp?

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

ความคิดสุดท้าย

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

เร่งการพัฒนาแอปพลิเคชันด้วย Bootstrap

ส่วนหน้าของเว็บ

เร่งการพัฒนาแอปพลิเคชันด้วย Bootstrap
ความปลอดภัยไบโอเมตริกซ์ - กุญแจสำคัญในการพิสูจน์ตัวตนแบบไม่ใช้รหัสผ่านหรือแฟชั่น?

ความปลอดภัยไบโอเมตริกซ์ - กุญแจสำคัญในการพิสูจน์ตัวตนแบบไม่ใช้รหัสผ่านหรือแฟชั่น?

มือถือ

โพสต์ยอดนิยม
Ractive.js - เว็บแอพที่ทำได้ง่าย
Ractive.js - เว็บแอพที่ทำได้ง่าย
การสอน Mirror API: Google Glass สำหรับนักพัฒนาเว็บ
การสอน Mirror API: Google Glass สำหรับนักพัฒนาเว็บ
ตลาดล้านดอลลาร์ดีกว่าตลาดพันล้านดอลลาร์หรือไม่?
ตลาดล้านดอลลาร์ดีกว่าตลาดพันล้านดอลลาร์หรือไม่?
ทำไมฉันต้องใช้ Node.js การสอนเป็นกรณี ๆ ไป
ทำไมฉันต้องใช้ Node.js การสอนเป็นกรณี ๆ ไป
รองประธานองค์กร
รองประธานองค์กร
 
สงครามเย็นแห่งเทคโนโลยี: ยังคงอยู่ที่นี่และยังคงถูกใช้
สงครามเย็นแห่งเทคโนโลยี: ยังคงอยู่ที่นี่และยังคงถูกใช้
ปรับขนาดด้วยความเร็ว: อธิบายเครือข่ายสายฟ้าของ Bitcoin
ปรับขนาดด้วยความเร็ว: อธิบายเครือข่ายสายฟ้าของ Bitcoin
ส่วนประกอบของปฏิกิริยาที่มีประสิทธิภาพ: คำแนะนำในการเพิ่มประสิทธิภาพการตอบสนอง
ส่วนประกอบของปฏิกิริยาที่มีประสิทธิภาพ: คำแนะนำในการเพิ่มประสิทธิภาพการตอบสนอง
คำแนะนำสำหรับนักพัฒนา Android เกี่ยวกับรูปแบบการเรียกดูตัวอย่างข้อมูล
คำแนะนำสำหรับนักพัฒนา Android เกี่ยวกับรูปแบบการเรียกดูตัวอย่างข้อมูล
การรับรองและการประกันการรับประกัน: เครื่องมือการควบรวมกิจการที่ผู้ขายทุกคนควรทราบ
การรับรองและการประกันการรับประกัน: เครื่องมือการควบรวมกิจการที่ผู้ขายทุกคนควรทราบ
โพสต์ยอดนิยม
  • สีและผลกระทบต่ออารมณ์
  • บัตรเครดิตถูกแฮกด้วยยอดเงินคงเหลือ 2020
  • ใช้ powerpivot ใน excel 2013
  • บทที่ 11 หมายถึงอะไร
  • สีเขียวแห่งปี
  • ข้อใดต่อไปนี้ควรใช้เพื่อแสดงแผนผังองค์กรหรือกระบวนการ
  • วิธีเขียนข้อกำหนดซอฟต์แวร์
หมวดหมู่
  • การทำกำไรและประสิทธิภาพ
  • การออกแบบ Ux
  • เทคโนโลยี
  • การออกแบบตราสินค้า
  • © 2022 | สงวนลิขสิทธิ์

    portaldacalheta.pt