YoVDO

Figma: Autolayout v2 (the new version!!!)

Offered By: Skillshare

Tags

Figma Courses Computer Science Courses Flexbox Courses HTML Courses Responsive Design Courses

Course Description

Overview

Although Autolayout is a feature that Figma released some time ago has been completely redesigned recently. In this tutorial, we will learn how to use it and understand it! It has a ton of new possibilities and uses, and the translation to Html and CSS is far way better than before (now it uses flexbox).

If you are just familiar with the old Autolayout version or if you are a complete newbie to Figma this tutorial is for you. We will be designing a responsive button a tooltip, a group of responsive cards, and finally a fully responsive landing page.

If you are interested in speeding up your workflow and make better responsive designs with Figma this tutorial can be great for you.

See you in the tutorial!

PS: If you struggle with the Frame-trick: just watch this video when you have finished the whole tutorial: https://www.loom.com/share/a60d68760da74c1ba1c96deb0b29c78a


Syllabus

  • Introduction
  • 2 autolayout
  • 3 responsive
  • 4 exit

Taught by

Bruno Sáez López

Related Courses

Advanced CSS Concepts
Microsoft via edX
Тонкости верстки
Moscow Institute of Physics and Technology via Coursera
CSS - The Complete Guide 2024 (incl. Flexbox, Grid & Sass)
Udemy
Build Responsive Real-World Websites with HTML and CSS
Udemy
HTML5 & CSS3 Build: Two Responsive Websites in Hindi
Udemy