Introduction to Figma
A course by Arturo ServínWeb designer
A course by Arturo Servín, Web designer
Learn to use Figma, one of the most efficient and versatile prototyping tools from scratch, and discover a world of possibilities for web development
In today's tech-driven world, websites and mobile apps are the perfect places for connecting brands with their clients. According to web designer Arturo Servín, better known as Monky, Figma is the most efficient and versatile prototyping tool for designing graphical UI. Discover the creative freedom of working without technical restrictions and take your web development to the next level.
In this six-course Domestika Basics, Arturo Servín teaches you how to use Figma from scratch. If you'd like to learn more about web development alongside Arturo, check out his other courses: Responsive Web Design with Adobe Muse, Adobe Photoshop for Web Design, Introduction to Adobe XD for Cell Phone Apps, and Responsive Web Design with Adobe Dreamweaver.
In the first course, your teacher introduces you to the program's interface, plug-ins, and basic features like layers and shapes. He also teaches you how to create icons.
Continue by learning how to insert and edit texts. Then, explore colors and visual effects to enhance the look of your future projects and give them personality.
The third course is all about images. Arturo shows you how to insert them, use masks, and apply layout grids. See how to create basic cards as well as more advanced ones.
Immerse yourself in components in the fourth course and learn how to build, edit, and implement several kinds using the concepts of master components, Boolean operations, and variants.
In the fifth course, discover the importance of design systems. Arturo gives you a step-by-step explanation of how to design a style guide for text, another for color, and create a component library.
In the sixth and final course, learn what a prototype is and how to create one with interactions and animations. To tie everything together, Arturo walks you through working on a collaborative project with a team and clients.
Technical requirements
⦁ A computer with Windows 8.1 (or later) or MacOS Sierra (or later). ⦁ A web browser such as Chrome 64 or later, Firefox 78 or later, or Safari 11.1 or later. ⦁ A video card with at least 1 GB of GPU memory. ⦁ At least 4 GB of RAM. ⦁ A Figma account, you can use the free version or download the desktop version. ⦁ A minimum 20 MB internet connection.
Recommended software & tools for this course
Reviews
- 2 months ago
El curso no esta actualizado.
- 2 months ago
Explica todo muy bien y sería un gran curso si estuviese actualizado. Por desgracia el curso es de hace años y Figma es totalmente distinto con muchas funciones nuevas y otras que no aparecen. Mi nota es negativa por la falta de actualización, no por el profesor que sí se explica muy bien.
- 2 months ago
Excellent cours
- 4 months ago
positive
- 4 months ago
Está completo el curso, bien explicado por pasos lentos pero seguros.
He is currently the general director of La Constelación, a studio focused on digital marketing, e-commerce and web design.
Content
- U1
Welcome
- Welcome
- U2
Introduction to figma
- Introduction to figma
- U3
Get to know the interface of Figma
- Get to know the interface of Figma
- U4
Install plugin
- Install plugin
- U5
The work tables
- The work tables
- U6
Use of Layers
- Use of Layers
- U7
Use the basic shapes
- Use the basic shapes
- U8
Align and distribute elements
- Align and distribute elements
- U9
Edit and combine shapes
- Edit and combine shapes
- U10
Practice: create simple icons
- Practice: create simple icons
What to expect from a Domestika course
Learn at your own pace
Enjoy learning from home without a set schedule and with an easy-to-follow method. You set your own pace.
Learn from the best professionals
Learn valuable methods and techniques explained by top experts in the creative sector.
Meet expert teachers
Each expert teaches what they do best, with clear guidelines, true passion, and professional insight in every lesson.
Certificates
PLUSIf 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.
Get front-row seats
Videos of the highest quality, so you don't miss a single detail. With unlimited access, you can watch them as many times as you need to perfect your technique.
Share knowledge and ideas
Ask questions, request feedback, or offer solutions. Share your learning experience with other students in the community who are as passionate about creativity as you are.
Connect with a global creative community
The community is home to millions of people from around the world who are curious and passionate about exploring and expressing their creativity.
Watch professionally produced courses
Domestika curates its teacher roster and produces every course in-house to ensure a high-quality online learning experience.
FAQs
Figma is a collaborative design tool that lets you create and prototype digital interfaces like websites and apps—all from your browser without needing to install anything.
This course is designed for beginners and doesn’t require any prior knowledge of design or Figma. It’s perfect for anyone looking to get started with digital interface creation.
All you need is a computer with internet access and a free Figma account to get started. No extra software or previous experience is necessary.
You’ll learn how to build prototypes, edit text, insert images, use masks, design info cards, create style guides, and collaborate on projects within Figma.
The course guides you step-by-step on how to build interactive prototypes by adding transitions, animations, and simulating the user’s final experience right inside Figma.
Yes, Figma supports real-time collaboration, allowing multiple users to edit, comment, and review projects simultaneously from anywhere.
The course demonstrates how to easily insert images and edit text in Figma to customize your designs and create visually appealing interfaces.