Bonus Inside🔥 – Figma Tutorial (Beginner/Intermediate): Footer Component – figma tutorial for beginners



https://designtogether.ca —- All you need to know about working with Figma on real world products. This course covers everything from the basics to tips and tricks to improve productivity and workflow.

Learn more on product design: https://designtogether.ca

Like and subscribe to stay up to date with the latest content 👍

____

In this tutorial, we’ll be designing a footer component in Figma.

Download .fig file: https://drive.google.com/file/d/1HvqJO1u-ddkjPHEH-Io64af8crNa4OTG/view

Dummy text generator: https://www.blindtextgenerator.com/lorem-ipsum

Hot Keys:

Create frame: [ F ]
Make a frame of selected objects: [ opt ⌥ + cmd ⌘ + G ]
Toggle layout grid on/off: [ Ctrl + G ]

Cut: [ cmd ⌘ + X ]
Paste: [ cmd ⌘ + V ]

Duplicate object:
select object, then hold [ opt ⌥ ] and drag,
[ cmd ⌘ ] + D

Create multiple instance of the same object with spacing:
select object,
hold [ opt ⌥ ] and drag to desired space,
then hit [ cmd ⌘ ] + D

Select multiple objects: hold down [shift]
Select nested objects: hold down [ cmd ⌘ ] while selecting
Select multiple nested objects: hold down [ cmd ⌘ ] + [ shift ], then select multiple objects

Leave a Comment