Learning highlights

• Understanding which types of design documentation are appropriate at various stages of the product development cycle (e.g. kickoff, UX, UI, and handoff), and how specific tools support these interactions and collaborative workflows.
• Effectively documenting core UX elements and articulating design decisions, such as constructing information architecture and user flows using FigJam.
• Using Figma’s core tools and Auto Layout feature to build adaptable user interface screens efficiently, and learning how to document design details clearly.
• Practicing frame hygiene with Auto Layout, semantic variable tokens, and systematic naming to ensure technical readability.
• Creating simple interactive prototypes in Figma to visualise and communicate user journeys and basic UI functionality.
• Using Figma Motion for prototyping and presenting design functionality tailored to developers, PMs, and clients/stakeholders.
• Performing critical evaluation of AI-assisted outcomes.
• Articulating the benefits of design consistency and understanding the purpose and value of a design system.
• Building foundational design system elements—such as design tokens and reusable components with variants—directly in Figma.
• Applying documentation strategies within Figma files by organising flows, screens, and components to enable a seamless handoff.
• Collaborating effectively within a design team by distributing roles and managing shared design files in Figma and FigJam, maintaining consistency and streamlining the design and documentation process.
• Integrating a design system into a collaborative project and demonstrating its practical application for consistent and efficient design creation.
• Structuring and presenting a team design project as during a handoff: showcasing the design process, comprehensive documentation, and collaborative outcomes achieved through tool proficiency.