Build Nights: Design to Code Workshop
βAbout Kiro
βKiro is an agentic development environment that makes it easy for developers to ship real engineering work with the help of AI agents.
π©ππππ
π΅πππππ: π«πππππ ππ πͺππ
π πππππ πππππ π΄πͺπ·
βReady to turn your figma design into production-ready code? In week 2, we're diving deep into the design-to-code workflow using Powers feature of Kiro. Weβre moving beyond static mockups and learning how to bridge the gap between design and development using Figma and Kiro. Whether you're a designer wanting to ship or a developer aiming for pixel-perfect implementations, this session is for you.
βThe Agenda:
βMastering the Figma-to-Code pipeline: From concept to clean, editable components
βLive Demo: Importing Figma frames and generating code in your favorite stack using Figma MCP
βSolving the Handoff: Best practices for design systems and component organization
βGuided activities with open discussion
βWhether you're a student, professional, or indie builder, bring your designsβweβre shipping them this week.
Limited slots are available, so grab yours early and build the future from the ground up. See you on June 26!
Kiro is a trademark of Amazon Web Services, Inc. (AWS) or its affiliates. The Kiroverse name is used by AWS Community Philippines with permission from AWS.