{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/4512e2ce43cf45099bee340b31a74d1c\" frameborder=\"0\" width=\"1112\" height=\"834\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":834,"width":1112,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":834,"thumbnail_width":1112,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/4512e2ce43cf45099bee340b31a74d1c-d3c74e0fc2abdfa4.gif","duration":192.981,"title":"Implementing Figma Designs with OpenHands CLI","description":"In this video, I demonstrate how to use Open Hands with the Figma MCP server on the Figma desktop application. I walk through starting a new session, selecting a design, and entering a prop, while utilizing vanilla HTML, CSS, and JavaScript for simplicity. The implementation process takes about two to three minutes, during which Open Hands generates files and styles based on the design. I also highlight the real-time verification feature that opens a browser tab to monitor progress. I encourage viewers to try this out for a clean implementation of their Figma designs."}