Figma for Everyone – First Steps in Modern Web Design (FIG)

Graphics, 2D Graphics

Figma is a modern UI design tool for building web layouts, reusable components and interactive prototypes. It enables smooth real-time collaboration, so teams can design together, review changes, and iterate on a single cloud file.

This hands-on course teaches Figma step by step, from the first frame to a clickable prototype. You’ll learn core tools, grids and guides, work with styles, and export assets ready for colleagues or clients.

Location, current course term



Praha + online (volitelně)
9/25/2025 - 9/25/2025 CZECH
Order 		10/23/2025 - 10/23/2025 CZECH
Order 		11/20/2025 - 11/20/2025 CZECH
Order 		12/15/2025 - 12/15/2025 CZECH
Order
Custom Customized Training (date, location, content, duration)

The course:

Hide detail
  • Introduction to web design and Figma
    1. Basic concepts (resolution, DPI vs. PPI, responsive design)
    2. Colors and typography in UI (brief overview)
    3. Figma interface: panels, canvas, layers, assets
  • First steps in Figma
    1. Frames and pages (web, mobile, various sizes)
    2. Grids, rulers, guides, and alignment
    3. Navigating the canvas, zoom, and measuring distances
  • Tools and objects
    1. Shapes, icons, fills, and strokes
    2. Working with images and photos (placement, cropping, masks)
    3. Text — styles, hierarchy, basic typography
    4. Auto Layout — when and why to use it (basics)
  • Components and styles
    1. Creating components, instances, and variants
    2. Managing color, text styles, and effects
    3. Design system basics (assets, naming, reusability)
  • Prototyping and interaction
    1. Connecting screens, simple transitions
    2. State variants (hover, active, pressed)
    3. Presenting prototypes to stakeholders
  • Team collaboration
    1. File sharing, permissions, and versioning
    2. Comments, handoff, and communication best practices
  • Exporting and handover
    1. Export formats (PNG, JPG, SVG, PDF) and resolution settings
    2. Preparing assets and specs for web / development
    3. Project organization and archiving
  • Practical mini-project
    1. Wireframe → mockup → interactive prototype of a simple landing page
    2. Review, feedback, and recommendations for further self-study
Assumed knowledge:
Basic PC skills; no prior Figma experience required.
Schedule:
1 day (9:00 AM - 1:00 PM )
Course price:
76.00 € ( 91.96 € incl. 21% VAT)
Language: