video1.0<iframe src="https://www.loom.com/embed/ab3b09f8c89c49b5a049297095db7208" frameborder="0" width="1920" height="1440" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>14401920Loomhttps://www.loom.com14401920https://cdn.loom.com/sessions/thumbnails/ab3b09f8c89c49b5a049297095db7208-d9ab17744b9a6a45.jpg3404.709In this video, I walk you through setting up Claude Code to create a simple web page that displays a 3D chess piece alongside a list of chess pieces. I demonstrate how to integrate this with Figma using the MCP tool, and we discuss the benefits of building first versus designing. I encourage you to follow along by installing Claude Code and the necessary tools, and to experiment with the process of sending designs back and forth between code and Figma. If you encounter any issues, feel free to ask for help. Lastly, I’ll provide all the resources and instructions on my website for you to get started.