Friday, February 3, 2023
HomeWeb developmentAn On-line Workshop To Assist Ukraine 🇺🇦 — Smashing Journal

An On-line Workshop To Assist Ukraine 🇺🇦 — Smashing Journal

Auto format is driving you bananas? You’re scared about what’s going to occur together with your design within the browser? Then our deep-dive Figma Auto Format Masterclass with Christine Vallaure is for you. Monday, March 27, 09:00AM – 12:00PM PT / 18:00 – 21:00 CET. (Test your time zone ⏰) All proceeds from the workshop will probably be donated to humanitarian support in Ukraine. Donate and be part of!

Within the on-line workshop, you’ll study all the pieces about the right way to arrange responsive designs with Figma. We’ll dive deep into constraints, auto format, and, most significantly however hardly ever mentioned, breakpoints on your UI design. Combining these instruments will will let you actually take a look at and doc your designs and parts in keeping with the precise code settings.

Our Figma Auto Format Masterclass equips you with all the pieces it’s good to know to grasp responsive designs in Figma.

Wish to be part of us? Donate 35 USD or extra to get your ticket — all proceeds from this workshop will probably be donated to humanitarian support in Ukraine.

In This Workshop, We’ll Discover:


  • What they’re;
  • Methods to apply them accurately;
  • How they provide help to when working with grids;
  • Methods to mix them with auto format.

Auto Format

  • What it’s;
  • How and the place to use it;
  • Understanding the auto format menu;
  • Spacing and stacking;
  • Constructing a responsive card and studying in regards to the energy of resizing;
  • Taking part in with the mighty energy of nested auto format frames;
  • Absolute positioning;
  • Creating extra complicated card setups;
  • Organising a whole web page in auto format;
  • Studying about completely different stacking choices;
  • Fastened facet ratio with photographs.

How To Deal With Breakpoints In Figma

  • What they’re;
  • How parts and pages adapt;
  • How breakpoints and media queries work in CSS;
  • Which breakpoint values to make use of in your design;
  • Methods to arrange breakpoints in Figma;
  • Methods to take a look at pages and parts with breakpoints;
  • Documenting the findings;
  • Responsive typography.

Who Is This Workshop For?

The masterclass is appropriate for you when you’ve got primary data of Figma or are an superior Figma consumer and wish to brush up in your abilities.

You may also like this workshop when you’re switching to Figma from different software program like Sketch or XD. And, after all, a particular welcome to builders who wish to enhance the collaboration between design and code and higher perceive the responsive setup in Figma.

About Christine Vallaure

Christine VallaureChristine is a UX/UI Designer and founding father of She has labored internationally, in-house, and remotely on initiatives for main manufacturers, businesses, and startups. Christine cares deeply about creating well-thought-through and aesthetic merchandise and firmly believes that designers ought to perceive code and that UX/UI is a match made in heaven.

Schedule: Monday, March 27, 2023

8:45 AM ET (Test your time zone ⏰)

Digital doorways open, registration, chat, and introductions.

9:00 AM – 11:30 AM

Deep dive into Figma responsive design, deep dive into constraints, auto format, and, most significantly however hardly ever mentioned, breakpoints on your UI design.

11:30 AM – 12:30 PM

Q&A with Christine on the day’s materials. Networking!

You possibly can all the time re-watch the session at a extra handy time and observe the webinar at your personal tempo.

What {Hardware}/Software program Do You Want?

To take part, please set up the Zoom consumer for Conferences, which is obtainable for all the primary OSs. It might take a while to obtain and set up, so please seize it forward of time when you can.

See You There?

Donate 35 USD or extra to affix — we’ll donate 100% of the proceeds to humanitarian support in Ukraine. We’re already wanting ahead to diving deeper into the little secrets and techniques of auto format along with you. Thanks on your variety help. 💙💛

Smashing Editorial(cr, vf, il)



Please enter your comment!
Please enter your name here

Most Popular

Recent Comments