เรียนสมาชิก วันนี้ฉันต้องการแชร์ตอนใหม่กับเฟลิกซ์ ลี Felix ได้สอนนักออกแบบกว่า 1,000 คนถึงวิธีเขียนโค้ดด้วย Claude Code และ Figma MCP ฉันให้เขาแสดงให้ฉันเห็นว่าเขาแปลงการออกแบบ Figma ให้เป็นเว็บไซต์ที่ใช้งานได้และแปลงเว็บไซต์กลับเป็นเลเยอร์ที่แก้ไขได้ใน Figma ได้อย่างไร นักออกแบบที่สามารถจัดส่งได้คือหนึ่งในพนักงานที่มีคุณค่ามากที่สุดในด้านเทคโนโลยีในปัจจุบัน เรียนรู้วิธีการด้วยการดูตอนนี้ รับชมเลยบน YouTube, Apple และ Spotify Felix และฉันพูดคุยเกี่ยวกับ:(00:00) 3 ผลิตภัณฑ์ที่ Felix ออกแบบและสร้างใน Claude Code(06:36) การสร้างแผนที่โลกแอนิเมชั่น 3 มิติในช็อตเดียว (07:50) แอปของ Felix ที่วิเคราะห์ว่าหน้า Landing Page ของคุณดีแค่ไหน (13:17) การสาธิต: การออกแบบ Figma ไปยังเว็บไซต์ที่ใช้งานได้ใน 15 นาที (23:07) การสาธิต: ผังงาน FigJam ไปยังเกมที่ใช้งานได้ (31:30) A ทักษะผู้ตรวจสอบ UX สำหรับคำติชมการออกแบบ (40:19) วิธีส่งออกโค้ดกลับไปยัง Figma ในรูปแบบการออกแบบที่แก้ไขได้ (45:10) เหตุใดนักออกแบบส่วนใหญ่จึงไม่ปรับตัวได้เร็วพอ ฉันภูมิใจที่ได้เป็นพันธมิตรกับ ReplitReplit's Agent 4 เป็นวิธีที่ดีที่สุดสำหรับทีมในการทำงานร่วมกับตัวแทน AI คุณสามารถใช้มันเพื่อ:สำรวจรูปแบบการออกแบบบนผืนผ้าใบที่ไม่มีที่สิ้นสุดสร้างโดยใช้เอเจนต์ AI หลายคนพร้อมกันโดยใช้บอร์ดงาน สร้างสไลด์ที่สวยงาม แอนิเมชั่น และอื่นๆ อีกมากมายในช็อตเดียว ลองใช้ Agent 4 ฟรี 3 เดือนโดยใช้รหัส PYANG26 ของฉันเมื่อชำระเงิน รับการทำซ้ำเป็นเวลา 3 เดือนฟรี 10 ประเด็นสำคัญที่ฉันได้เรียนรู้จากตอนนี้ หากคุณใช้ Figma Figma MCP จะเป็นวิธีที่ดีที่สุดในการพัฒนาจากการออกแบบไปสู่การเขียนโค้ด: ติดตั้ง ในเทอร์มินัลของคุณ ให้รัน “claude mcp add --transport http figma https://mcp.figma.com/mcp”Authenticate เปิดรหัส Claude พิมพ์ “/mcp” จากนั้นเลือก Figma มันจะเปิดเบราว์เซอร์ของคุณเพื่อให้คุณตรวจสอบ MCP ด้วยบัญชี Figma ของคุณ คัดลอกเฟรม Figma ตอนนี้ไปที่การออกแบบ Figma ของคุณแล้วคลิกขวาที่เฟรมหรือเลเยอร์ใดก็ได้ เลือก “คัดลอกลิงก์ไปยังส่วนที่เลือก” จากนั้นวางลิงก์ลงในรหัส Claude พร้อมข้อความแจ้ง: “สร้างการออกแบบนี้” ง่ายๆ แค่นั้น แปลงโค้ดกลับเป็นเลเยอร์ Figma ที่แก้ไขได้ เพื่อสำรวจรูปแบบการออกแบบที่หลากหลายมากขึ้น ต่อไปนี้เป็นวิธีดำเนินการทีละขั้นตอนหลังจากตั้งค่า Figma MCP: อ่านเพิ่มเติม

You May Also Like

Enjoyed This Article?

Get weekly tips on growing your audience and monetizing your content — straight to your inbox.

No spam. Join 138,000+ creators. Unsubscribe anytime.

Create Your Free Bio Page

Join 138,000+ creators on Seemless.

Get Started Free