Figma
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
Bruno Sáez López
No reviews yet. Be the first to review this course.
1 lesson, about 1.5 hours
A single ninety-minute session taking Figma from an empty file to a working interface: frames, components, auto layout and prototyping, aimed at somebody who has never opened it.
7 lessons, about 1 hour
A 7-lesson playlist on UX/UI design, 54 minutes, published on YouTube by Figma. Watched here on the course page.
9 hours
Hi there - my name is Dan Scott & welcome to Figma Essentials. Together - you and me - are going to learn everything you need to get started working as a UX Designer using Figma. We’ll use this UI UX design tool to create beautiful User Interfaces and engaging prototypes. Most importantly... we'...
3 hours
Have you ever wanted to design apps or websites, but felt intimidated by professional design software? In this class, you’ll learn how to use Figma step by step while building your very first UI design from scratch. Whether you’re interested in UI/UX design, product design, web design, or simply wan...
5 hours
Getting Started with Figma (4h) + Course ProjectA beginner's to pro course in UI design with Figma NEW! Full Config 2024 Update Featuring the New Figma UI Design! The must have UX/UI Figma design course for every Interface designer! This course is a comprehensive introduction to Figma from absolute...
1 hour
Welcome to the world of limitless creativity! Designing in Figma is amazing! It’s straightforward, open and endlessly creative. But, many designers face an ugly true: not being able to turn their designs into fully functional websites. The good news? The design landscape is evolving, with a wave of...
1 lesson, about 1.5 hours
A single ninety-minute session taking Figma from an empty file to a working interface: frames, components, auto layout and prototyping, aimed at somebody who has never opened it.
7 lessons, about 1 hour
A 7-lesson playlist on UX/UI design, 54 minutes, published on YouTube by Figma. Watched here on the course page.
9 hours
Hi there - my name is Dan Scott & welcome to Figma Essentials. Together - you and me - are going to learn everything you need to get started working as a UX Designer using Figma. We’ll use this UI UX design tool to create beautiful User Interfaces and engaging prototypes. Most importantly... we'...
1 hour
Development of advanced techniques in Illustrator and Photoshop is the focus of this course, with the goal of helping you increase your proficiency with vector brushes and pattern design. You will craft a gorgeous floral line-art which can be finished in oh-so-many ways! In this course you will lear...
24 minutes
Transform humble materials into luxurious fabrics through the craft of natural dyeing! This wonderful art combines textile design with sustainable living. Using food materials you can find in your kitchen, we'll brew three lovely colors from scratch: Pale pink from avocado pits Golden yellow from on...
23 minutes
Give your denim a new lease of life by creating something totally original. With fabric painting, you are the artist and the textile designer! In this class we will cover the basic of fabric painting, learn what materials to use and discuss the best practice while working towards creating your weara...
Subscription
