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
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 (375)
- 23,776 students
- 36 lessons (8h 21m)
- 5 courses
- 31 downloads
- Online and at your own pace
- Available on the app
- Audio: Spanish, English
- Spanish · English · Portuguese · German · French · Italian · Polish · Dutch
- Level: Beginner
- Unlimited access forever
Recommended software for this course
FigmaReviews
Samuel Hermoso (Elastic Heads)
By Samuel Hermoso (Elastic Heads)
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, he is a professor 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
german_calderon
Excelente tutorial. Practico, claro, directo y muy completo. Felicitaciones. Gran trabajo, en la preparación de materiales la estructura del curso (aunque revisaría si la ultima unidad debería ir al inicio, o al menos a mi me resolviste un mundo al llegar al final con el tema de columnas y maquetación), y la claridad y practicidad de los ejercicios.
View translation
Hide translation
marumunoz
Siempre diseñé mockups en illustrator, y quería aprender a hacerlo en Figma mas que todo por las animaciones presentadas en el prototipado. Es un curso completo, Samuel explica muy bien, dice que es lo básico, pero para ser básico hay bastante contenido 😅. Recomendado para quienes se inician en figma y quieren trabajar el diseño web de una manera más dinámica, atractiva y profesional.
View translation
Hide translation
ace_skywalker
Me está gustando mucho este curso. Todo es práctica y concentración.
View translation
Hide translation
rebrobin
Corso eccellente!
View translation
Hide translation
leticiarodriguesf004
Adoreeei
View translation
Hide translation