Mobile-First Design with Figma: Concept, Design, and Prototyping
A course by Lucas NikitczukGraphic Designer
A course by Lucas Nikitczuk, Graphic Designer
Learn how to develop a concept for any mobile website and create a memorable experience for its users
Over time, there has been a clear evolution from desktop to mobile design. Now more than ever, we want fast, useful, and accessible information at any given moment. This is something that designer Lucas Nikitzcuk, founder of multi-award winning Latin American design studio Estudio NK, factors into all his projects.
In this online course, he teaches you how to create an experience for web users by designing interfaces for small screens. Delve into the UX/UI world with Figma and learn how to develop a concept for any mobile website from scratch.
What will you learn in this online course?
17 lessons & 17 downloads
Information architecture
5 minutes, 53 seconds
UX Design 1
16 minutes, 50 seconds
UX Design 2
17 minutes, 8 seconds
UI Design 1
18 minutes, 29 seconds
IxD Design 1
17 minutes, 21 seconds
Component design and assembly of UI Kit 1
18 minutes, 15 seconds
What's included in this course?
Start the course by getting to know your teacher Lucas Nikitzcuk, as he talks to you about his professional career, his work process, and his main influences.
Examine the evolution from desktop to mobile design, then discover the principles of UX/UI, what rules to follow, and how to facilitate the user experience. Practice the workflow and go from information to materialization, creating the concept for your project.
Move on to the information architecture. Immerse yourself in UX design, looking at the importance of wireframes to organize the user's journey. Later, get to grips with the UI design, creating a prototype consistent with the visual identity of the brand. Add interactions to your project and generate both a component library and a UI Kit.
Time to move from the design to the development phase. Create a functional document that reflects each section of the landing page. Wrap up the course by learning how to give appropriate feedback to the development team and conducting a QA of its operation to detect any possible errors.
What is this course's project?
Design an impressive one pager for a brand, from the research phase to preparing your files for the development team.
Who is this online course for?
Anyone who wants to learn new ways to imagine, design, and create memorable websites.
Requirements and materials
To take this course, you need basic knowledge of UX/UI design and a computer with Figma installed.
Reviews
- 3 months ago
Very well explained on UX, but the design is more advanced now (2026). We should keep it in mind, but for a beginner, it's a starting point of web design in mobile.
- 3 months ago
Muy bueno y muy bien explicado
- 7 months ago
Gran curso , muy completo
- 1 year ago
Ha sido un curso excelente. He aprendido muchísimo sobre diseño y también sobre figma. Es tan entretenido que se ve de un tirón.
- 2 years ago
El curso es muy didáctico, muestra todo el trabajo que realiza claramente con el ejemplo del mobil web que va creando en figma. Buenos consejos y trucos compartidos. Recomendado al 100%
Estudio NK is the most awarded Latin American design studio at Awwwards. Some of their clients include Lucciano's, Santander, and Mercado Libre.
Content
- U1
Introduction
- About Me
- Influences
- U2
Understand and prepare for the mobile world
- Design evolution from desktop to mobile 1
- Design evolution from desktop to mobile 2
- Workflows and first diagnosis
- Conceptualization
- U3
UX/UI design of a high impact onepage
- Information architecture
- UX Design 1
- UX Design 2
- UI Design 1
- UI Design 2
- IxD Design 1
- IxD Design 2
- Component design and assembly of UI Kit 1
- Component design and assembly of UI Kit 2
- U4
From design to development
- Functional document
- Feedback to the development team
- FP
Final project
- Mobile-First Design with Figma: Concept, Design, and Prototyping
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
You’ll learn how to develop branding, creative naming, website design, e-commerce, mobile experiences, digital identity systems, and apply current trends in digital products—from concept through implementation and project validation.
This is an intermediate-level course, recommended for those with basic design knowledge or prior experience in digital projects who want to deepen their understanding of branding and digital experience.
You only need basic digital design skills and familiarity with tools like Figma. Being an expert isn’t required, but some prior experience with digital projects or graphic design is recommended.
The course covers the full process of branding and designing digital experiences: from naming and packaging to developing websites, e-commerce, brand identity systems, prototypes, and mobile optimization.
Yes, you’ll learn to design adaptive websites using mobile-first and responsive strategies, as well as how to optimize the mobile user experience.
Yes, the course includes practical exercises in wireframing, prototyping, and designing one-page sites, landing pages, and design systems using Figma.
Yes, you’ll be taught how to create Design Systems, define typographic hierarchies, color palettes, reusable components, and document everything for development teams.