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.

THIS TRAINING COURSE WILL HELP YOU:

  • Gain confidence navigating Figma
  • Use core tools: shapes, images, text, typography, and colors
  • Create reusable components and manage styles
  • Link screens into an interactive prototype for stakeholders
  • Export and hand off designs; prepare developer-ready assets

WHO SHOULD ATTEND?

  • Beginner web designers and creators who want to learn Figma
  • Marketers, project managers, and business owners preparing wireframes
  • UX/UI newcomers wanting to learn components, styles, and grids

COURSE LOCATION AND AVAILABLE DATES



Choose whether to attend in person in our classroom or join online. You can select your preferred format during registration. Learn more about hybrid training.
Praha + online (optional)
Private training

Unlock your employees' potential. We can adapt every course in our portfolio to your objectives and participants.
Need training at your premises or want to tailor the content and duration? We will prepare the right solution, in Czech or English.

Request customised training

Course content:

Hide details
  • 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
Prerequisites:
Basic PC skills; no prior Figma experience required.
Schedule:
1 day (9:00-13:00)
Price per person:
76.00 € ( 91.96 € incl. 21% VAT)
Language:
Česky

Training and learning environment

IT classroom with desks, computer monitors, and a projection screen at the front.
What does the environment for in-person IT courses look like?We hold training courses in our own classrooms equipped with modern computer equipment for each participant and a large projection screen. Each workstation is fitted with a powerful computer for seamless practical exercises, and the environment supports a calm, friendly atmosphere during training.
IT classroom with desks, computer monitors, and a projection screen at the front.
Do I need to bring my own laptop to the classroom IT course?Our training rooms are fully equipped, so you do not need to bring your own laptop. A modern computer with all necessary hardware and software is ready for you at your workstation.
Sample ICT Pro certificate of successful completion of an IT training course.
Will you receive an official certificate after completing an IT course?Yes, upon successful completion of the training course, you will receive an official ICT Pro certificate confirming your participation and acquired technical skills. You can use it to verify your qualifications or add it to your professional profile.
Exterior view of the COMGUARD office building on Sochorova Street in Brno.
Where can you find our training center in Brno?The premises of the ICT Pro training center are located on the 1st floor of the COMGUARD building at Sochorova 38 in Brno. Positioned on the border of Žabovřesky and Komín, the location is easily accessible by both car and public transport.
Exterior view of the Opatov Park office building in Prague, Chodov.
Where can you find our training center in Prague?The premises of the ICT Pro training center are located on the 1st floor of the Opatov Park building at Líbalova 1, Prague 11 – Chodov. The location provides a comfortable environment for your education with convenient access.
Fully equipped kitchenette with a coffee machine, microwave, sink, and shelves with cups and glasses.
What facilities and refreshments are available to you during training breaks?Our training centers feature a fully equipped kitchenette for a comfortable break during your courses. The facilities include a coffee machine, microwave, kettle, and a wide selection of drinks and snacks.
Coffee station featuring an automatic coffee machine, yellow and white cups, glasses, and syrups.
What beverage refreshments are available during your course?A beverage station with a coffee machine, teas, syrups, and water is at your disposal throughout the entire training session. You can enjoy a coffee or another drink of your choice anytime during breaks.
Table with sweet pastries, fruit syrups, a water dispenser, and glasses set up for training participants.
What light refreshments are provided for you during the courses?During course breaks, participants can enjoy light sweet snacks, pastries, and fruit syrups to mix their own drinks. Fresh water dispenser and plates are also available for your convenience.
Wicker baskets filled with packaged savory snacks, sweet biscuits, and snack bars.
Should I bring my own snacks to ICT Pro training?There is no need to. A wide selection of savory snacks, sweet biscuits, and snack bars is available for you during breaks. Boost your energy for all-day focus right inside the training center premises.
Outdoor wooden terrace with green surroundings by the glass building of the training center.
Can you spend training breaks in the fresh air?Yes, an outdoor terrace is available at our training center. During breaks between learning sessions, you can relax in the fresh air in a pleasant green environment.
Spacious outdoor wooden terrace with seating and views of the surrounding area.
Where can you relax during course breaks?Our training center features a spacious outdoor terrace with seating options. During breaks between learning sessions, you can step outside to relax and recharge in the fresh air.