This bootcamp covers the interface design workflow end to end. You start with frames, grids, and auto layout to build responsive screens for mobile, tablet, and desktop, then move into components and variants so a single change propagates across an entire file instead of being repeated by hand. Along the way you learn to work with type, color, and images the way production design files are actually organized.
From there you turn static screens into interactive prototypes that move between views, open navigation overlays, handle scrollable regions, and animate with smart animate. You also cover design tokens, team libraries, and the documentation developers need at handoff. Because Figma runs entirely in the browser, collaboration and file sharing are built in and there is nothing to install. You finish with a documented design system and a multi-screen interactive prototype ready to hand off.
What You Will Learn
- Design UI and UX layouts for websites, apps, and digital products
- Build responsive screens for mobile, tablet, and desktop using auto layout
- Work on grids and export production-ready image assets
- Create reusable components and variants to keep files consistent
- Build interactive prototypes that move between screens and states
- Add motion with smart animate
- Share styles and components through team libraries and design tokens
- Document designs and share files for developer handoff