Figma Bespoke Certificate for Krystel Anne Castillo
• Figma UI and features refresher
o Navigating Figma UI
▪ Toolbar
▪ Left Sidebar (Layers, Assets, and Pages)
▪ Right Sidebar (Design, Prototype, Inspect)
▪ Community and Plugins
o Exporting Designs
▪ Saving a Local copy
▪ Exporting to PDF
▪ Exporting design elements
▪ Exporting using Slice
• Collaborating with Figma
o FigJam o Multiplayer
o Chat and Comments
o Version Control
• Managing Design Projects
o Make use of Pages
o Create a Workflow
o Identify and use a naming convention
• Designing in Figma
o Working with UI elements and contents
o Designing for Accessibility
o Components
▪ Reusable Components
▪ Nested Components
o Designing a Web Application (Major Activity can be taken home)
▪ Creating a Responsive Design
▪ Constraints
▪ Auto Layout
• Design System Primer in Figma
o How to start and approach a Design System?
o One file to rule them all
▪ Components
▪ Styleguide
▪ Organization
▪ Documentations
▪ Use and Share
▪ Improve, Improve, Improve
• Prototyping in Figma
o Animations in Figma
o Interactive Components
o Presenting Designs
• Design Hand-off
o Deep dive into Figma's Inspect tab.
o General tips and mindset when working with developers.
▪ Developers does not talk pixels
▪ Pop the Designer's bubble
▪ Common ground
• Creating a UX Portfolio
o What makes a good UX Portfolio?
o Creating a Portfolio in Figma
• Figma and beyond
• Day 1 will cover the following
o Figma UI and features refresher
o Collaborating with Figma
o Managing Design Projects
o Designing in Figma
• Day 2 will cover the following
o Design System Primer in Figma
▪ Note from the trainer: this is only a primer and does not replace the actual trainings that the client can get in actual design systems practitioners. I'm only sharing my knowledge and experience with them.
o Prototyping in Figma
o Design Hand-off
o Creating a UX Portfolio
o Figma and beyond