• Kurstitel: Figma 101
• Kurs_Untertitel: This course is your perfect entry into Figma. In live, hands-on sessions, we'll teach you how to create things like logos and wireframe prototypes. Get the real-world knowledge that pre-recorded tutorials can't teach you. A certificate of attendance is included.
• Kurs Dauer: 9
• Anzahl_Module: 3
• Kurs_Schwierigkeitsgrad: Einsteigende
• Kurs_Preis: 249,- € incl. VAT
• Komplettkurs_Beschreibung:

  Our comprehensive Figma 101 course is designed for anyone who wants to learn the fundamentals of Figma at a professional level. No prior experience with other design tools or Figma is required.

  In small, live groups, our experienced teachers will guide you from creating your Figma account to building your first simple prototype. The Figma 101 course includes three, 3-hour modules, which you can book as a complete package or individually. You can find the dates listed below.

  You'll learn how to create your own logos, avatars, wireframe prototypes, and more. We'll show you the essentials of Figma, including Figma Draw, Grids, simple Auto Layout, and Interactions. The content for each module can be found in this section.

  All participants will receive a certificate of attendance after each completed module or upon finishing the full course. This live online course is hands-on and interactive.

  After the course, you'll have full access to all learning materials and session recordings on our campus for an entire year! If you need more support, you can also book a discounted one-on-one mentoring session with your instructor at any time after the course.

• Kurs_Lernziele:

  • Navigate and use the Figma interface confidently
  • Create simple UI components and layouts
  • Collaborate with others using Figma’s built-in tools
  • Build your first interactive prototype

• Kurs_Voraussetzungen:

  This course is suitable for:

  • Complete beginners with no prior design software experience,
  • Career changers,
  • students, or
  • anyone interested in starting a UI/UX design career.
• Kurs_Lektionen:

  1. Introduction to Figma & UI/UX Basics (Approx. 60 min)
  • What is Figma?
  • Getting to know the interface
  • Understanding UI vs. UX
  • Setting up your account

  
  2. Working with Shapes and Text (Approx. 90 min)
  • Creating and editing basic shapes
  • Working with the Text Tool
  • Selecting, scaling, and positioning objects
  • Select, group, and ungroup elements

  
  3. Colors, Gradients, and Effects (Approx. 75 min)
  • Working with colors
  • Creating and applying gradients
  • Adding basic effects

  
  4. Importing and Using Images (Approx. 45 min)
  • Import images in Figma
  • Crop and mask images
  • Use images as fills

  5. Frames and Basic Layouts (Approx. 90 min)
  • What are frames?
  • Use preset frame sizes (Desktop, Mobile, Tablet)
  • Use layout grids and columns
  • Intro to Auto Layout (Basic)

  
  6. Collaborating in Figma (Approx. 60 min)
  • Share files and set permissions
  • Leave and respond to comments
  • Use version history to review and restore designs

  
  7. Your First Prototype (Approx. 60 min)
  • Link frames to create flows
  • Add basic interactions
  • Test your prototype in presentation mode

  Total Course Length: About 9 hours

• Inhalt_Modul 1:
  1. Introduction to Figma
  • What is Figma?
  • Setting up your Figma account
  • Getting to know the Figma interface
  2. Getting Started with Shapes, Colors, and Text
  • Creating and editing basic shapes
    
    • Selecting, scaling, and positioning objects
    • Grouping and ungrouping elements
  • Working with colors:
    • Color selection
    • Color picker
    • Creating and applying gradients
  • Using the text tool
  3. Figma Draw
   
  Exercise: 
  Create a simple logo using basic shapes, colors and/or text.
   
  4. Importing and Using Images:
  • Importing images into Figma
  • Using images as fills
  • Cropping and using images as mask
  Exercise: 
  Create an avatar using basic shapes, a background, and an image.
• Inhalt_Modul 2:
  5. Introduction to Frames & Simple Layouts
  • What are Frames?
  • Predefined Frame sizes (Desktop, Mobile, Tablet)
  • Using simple layout grids and columns for reference
  • Creating wireframe placeholders
  • Auto Layout basics
  Exercise: 
  Create recurring elements like a button, header and footer using Auto Layout.
   
  Exercise: 

  Create 3–4 wireframe screens and arrange placeholders using Auto Layout. Use the recurring elements you created earlier.
   
• Inhalt_Modul 3:
  6. Your First Hi-Fidelity Prototype
  • Creating connections between frames (prototyping basics)
  • Interactions
  • Testing and sharing your prototype in presentation mode
  • Figma Mirror app
  • Useful plugins
  Exercise: 
  Combine the content from Module 1 and Module 2:
  Build on your wireframe prototype to create a hi-fi prototype using images, text, and color.
  Add connections and simple transitions between the frames of the prototype.
  Then, test and share the hi-fi prototype in presentation mode.

Read more …Figma 101: The First Steps in the Design Tool

• Kurstitel: Figma 201
• Kurs_Untertitel: Deepen your Figma skills in this intensive course for advanced workflows. Master Auto Layout, interactive prototypes, and design systems to create more efficiently, systematically, and professionally. A certificate of attendance is included.
• Kurs Dauer: 9
• Anzahl_Module: 3
• Kurs_Schwierigkeitsgrad: Fortgeschrittene
• Kurs_Preis: 449,- € incl. VAT
• Komplettkurs_Beschreibung:

  Ready to level up your Figma game? Our hands-on Figma 201 live online course is for anyone who knows the basics and is ready to start designing faster, smarter, and more systematically.

  Across nine hours of intensive live sessions, you'll dive deep into advanced Figma skills. You'll become a pro at Auto Layout for responsive interfaces, leverage Components and Variants to build scalable UIs, and create interactive, high-fidelity prototypes using Smart Animate. Plus, you'll learn how to efficiently build Design Systems and seriously speed up your workflow with Design Tokens and plugins.

  You'll get a certificate of attendance for each module you finish, or for the entire course. Everything is live online, practical, and interactive.

  You'll also get a full year of access to all learning materials and session recordings on our campus! And if you want to keep the learning going, you can book a discounted one-on-one mentoring session with your instructor at any time after the course.

• Kurs_Lernziele:
  • Use Auto Layout confidently for scalable, responsive design
  • efficiently manage complex component structures and libraries
  • Develop interactive high-fidelity prototypes with advanced transitions
  • Use styles and plugins strategically for workflow optimization
  • Integrate design system principles into your projects in a targeted manner
• Kurs_Voraussetzungen:

  Knowledge from the beginner course “Figma 101: First Steps in UI/UX Design” is required. The course is for all: 

  • UX/UI Designers with basic Figma knowledge, who want to deepen their skills and work more efficiently.
  • All persons who use Figma and want to gain deeper insights, knowledge and want to step up their workflow. 
• Kurs_Lektionen:

  1. Auto Layout Mastery (approx. 120 minutes)
  • Deepening of Auto Layout
  • Fixed vs. Hug Contents vs. Fill Container
  • Negative Spacing and Absolute Positioning in Auto Layout
  • Complex nested Auto Layouts

  
  2. Components and Variants (approx. 150 minutes)
  • What are components?
  • Creating and managing components
  • Variants: States and properties of components
  • Creating interactive components
  • Best practices for component naming

  
  3. Styles & Design Tokens (approx. 90 minutes)
  • Create and apply color styles
  • Creating and applying text styles
  • Effect and grid styles
  • Basics of design tokens

  
  4. Advanced prototyping (approx. 180 minutes)
  • Smart Animate for smooth transitions
  • Overlays and scrolling effects
  • Conditional Logic and Variables (introduction, if already available in Figma at the time of the course)
  • Multiple flows in a prototype
  • Testing with users and getting feedback

  
  5. Plugins and integrations (approx. 75 minutes)
  • Useful plugins for Figma
  • Installation and management of plugins
  • Integrations with other tools

  
  6. Design Systems - Getting started (approx. 105 minutes)
  • What is a design system and why is it important?
  • Basic structure of a simple design system in Figma
  • File structure and organization of design libraries
  • Publishing and activating libraries

  7. Efficient Workflow & Tips & Tricks (approx. 60 minutes)
  • Shortcuts and key combinations
  • Organization of Figma files and projects
  • Version control and branching (introduction)
  • Best practices for file naming

  Total course duration: approx. 13 hours

• Inhalt_Modul 1:
  1. Revisiting Frames and Auto-Layout
  • Auto Layout Deep Dive 
  • Fixed vs. Hug Contents vs. Fill Container
  • Negative Spacing and Absolute Positioning in Auto Layout
  • Complex nested Auto Layouts
  2. Components and Variants
  • What are Components?
  • Creating and managing Components
  • Variants: States and properties of Components
  • Creating interactive Components
  • Best practices for naming the components
  Exercise: 
  Create a button in small, large, x-large size, and default, hover, and disabled states. 
   
  3. Smart Animate
  • Creating smooth transitions with Smart Animate
  • Overlays und Scrolling Effects
  • Conditional Logic und Variables
  • Multiple Flows in a single Prototype
  • User Testing and Gathering Feedback
  Exercise: 
  Create your own animation, such as for a cart item being added, a form being submitted, or a screen animation relevant to your project.
• Inhalt_Modul 2:
  4. Design Systems
  • Design System vs. Style Guide - What's the difference? 
  • The basic structure of a simple Design System in Figma
  • Structuring and organizing design libraries
  • Publishing and activating libraries
  5. Design Tokens
  • What are Design Tokens?
  • Organizing Tokens:
    • Primitive Tokens
    • Semantic Tokens
    • Component specific Tokens
  • Connecting Styles and Variables with Tokens
  Exercise: 
  Create primitive and semantic tokens and apply them to existing button components and variables.
• Inhalt_Modul 3:
  6. Hands-on Apllication

  This module is all about putting your new skills directly into practice. Under the personal guidance of your instructor, you will build a foundational design system complete with reusable components, variants, and tokens.

  • Building a foundational design system
  • Creating reusable components using tokens
  • Organizing your own design system

  We encourage you to bring your own use cases. In dedicated breakout sessions, you'll receive personalized, solution-focused support to tackle your specific challenges and master them with confidence.

Read more …Figma 201: Efficient Design & Interactive Prototyping

• Kurs Dauer: 1
• Kurs_Schwierigkeitsgrad: Einsteigende

Read more …How is this live online course different from free tutorials or recorded courses?

• Kurs Dauer: 1
• Kurs_Schwierigkeitsgrad: Einsteigende

Read more …What software or technical equipment do I need, and are there any costs?