Fundamentals of Figma
By Samuel Hermoso (Elastic Heads) , UX-UI Designer
Joined August 2014
Learn to create interactive interfaces from scratch using one of the most powerful and efficient collaborative design tools on the market
Learn to create interactive interfaces from scratch using one of the most powerful and efficient collaborative design tools on the market
Domestika Basics · 5 courses included
-
Course 1 - First Contact with Figma
By Samuel Hermoso (Elastic Heads)
Learn to navigate the interface and use basic tools
-
Course 2 - User Reading Experience
By Samuel Hermoso (Elastic Heads)
Learn to improve readability with layers, alignment, distances, and distribution
-
Course 3 - Scaling Your Project
By Samuel Hermoso (Elastic Heads)
Discover how to make components that adapt to all circumstances
-
Course 4 - Prototypes and Collaboration
By Samuel Hermoso (Elastic Heads)
See how to optimize your designs to easily create complex prototypes
-
Course 5 - Figma for Everything
By Samuel Hermoso (Elastic Heads)
Discover the latest features in Figma and time-saving tricks to work more efficiently
The ability to coordinate and collaborate with your team in real time has become a must within the design world. With Figma, you can do just that, and from any operating system or platform, making it an essential tool for designers like Samuel Hermoso.
In this five-course Domestika Basics, UX-UI designer Samuel Hermoso teaches you the nuts and bolts of this program from scratch. Learn to create interactive screens for websites, mobile apps, and any other graphic interface through practical models you can share with your team and test on users.
If you'd like to learn more about web and app design, check out Samuel's previous Domestika Basics, Introduction to Sketch, where he shows you how to use this pioneering UI design software like a pro.
- 99% positive reviews (349)
- 20,368 students
- 36 lessons (8h 21m)
- 5 courses
- 31 downloads
- Online and at your own pace
- Available on the app
- Audio: Spanish, English, Turkish
- Spanish · English · Portuguese · German · French · Italian · Polish · Dutch
- Level: Beginner
- Unlimited access forever
Recommended software for this course
FigmaReviews
Samuel Hermoso has over 20 years of experience working in consulting and digital product design. After working with different studios and agencies, he created the Elastic Heads studio in Madrid, Spain, where he helps people, companies, and startups adapt to the new changes in the digital world and improve their digital products.
Samuel is also dedicated to teaching, sharing his knowledge of product design, user experience and methodologies, and interactive design tools in schools such as Ironhack, Mr. Marcel School, IED, Neoland, and the European University.
Content
Course 1 - First Contact with Figma
-
U1
Presentation
-
Presentation
-
-
U2
Getting started with Figma
-
Getting started with Figma
-
-
U3
insert elements
-
insert elements
-
-
U4
Basic functions
-
Basic functions
-
-
U5
frames and groups
-
frames and groups
-
-
U6
vector design
-
vector design 1
-
vector design 2
-
-
U7
work with images
-
work with images
-
-
U8
effects
-
effects
-
Course 2 - User Reading Experience
-
U1
Reading experience and text adjustments
-
Reading experience and text adjustments
-
-
U2
Text sizes and styles
-
Text Sizes and Styles 1
-
Text Sizes and Styles 2
-
-
U3
organize layers
-
organize layers
-
-
U4
Measure distances, align and distribute texts and add guides
-
Measure distances, align and distribute texts and add guides
-
-
U5
"Auto Layout"
-
"Auto Layout" 1
-
"Auto Layout" 2
-
Course 3 - Scaling Your Project
-
U1
Components and instances
-
Components and instances 1
-
Components and instances 2
-
-
U2
Transforming responsive with "Constraints"
-
Transforming responsive with "Constraints"
-
-
U3
"Variants" and "Component properties"
-
"Variants" and "Component properties" 1
-
"Variants" and "Component properties" 2
-
-
U4
Layout and grid
-
Layout and grid
-
Course 4 - Prototypes and Collaboration
-
U1
Basic prototyping and interactions
-
Basic prototyping and interactions
-
-
U2
Resize screens, scrolls and fixed elements
-
Resize screens, scrolls and fixed elements
-
-
U3
Advanced prototypes with "Overlays"
-
Advanced prototypes with "Overlays" 1
-
Advanced prototypes with "Overlays" 2
-
-
U4
Animations and "Smart Animate"
-
Animations and "Smart Animate" 1
-
Animations and "Smart Animate" 2
-
-
U5
Preview in browser and devices and share
-
Preview in browser and devices and share
-
Course 5 - Figma for Everything
-
U1
plugins
-
Plugins 1
-
Plugins 2
-
-
U2
Keyboard shortcuts
-
Keyboard shortcuts 1
-
Keyboard shortcuts 2
-
-
U3
Presentations
-
Presentations
-
-
U4
Design thinking with Figma
-
Design thinking with Figma
-
-
U5
Handoff
-
Handoff
-
See the content of the 5 courses
About Domestika Basics
Domestika Basics is a series of courses focused on teaching the most commonly used software by creative professionals worldwide.
The content has been meticulously curated and is intended for both students going into a new creative field and more experienced professionals who want to polish their skills.
Learn with the best Domestika teachers through practical lessons, tons of resources, and a progressive difficulty that'll allow you to see results from day one.
Domestika Basics will allow you to step up your professional game and be prepared to score better projects.
-
Without prior knowledge.
Domestika Basics gives you everything you need to get started in a new creative field and become an expert in it.
-
Focused on the tool.
Discover its main components, techniques, and the tried-and-true methods you need to master it.
-
Learn fast
With a straightforward, step-by-step approach, our outstanding professionals will teach you how to get the most out of the program.
-
Certificates Plus
If you're a Plus member, get a custom certificate signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Figma
pablognzalezs
PlusExcelente curso, entiendes perfectamente como funciona figma de cero.
View translation
Hide translation
danielcasasig
PlusCurso excelente! Explicações muito bem detalhadas e ótima didática.
View translation
Hide translation
n_nataliaruiz
¡Muy buen curso!
View translation
Hide translation
k1ngdavid
PlusEs muy completo. Bastante bueno para empezar, porque explica técnicamente casi TODO lo que se puede usar en figma
View translation
Hide translation
mishellecasado
Muy buen curso! algo rápido porque es bastante info, pero es super bueno
View translation
Hide translation