
Design user interfaces with Figma as a beginner under the guidance of a UI designer. Create a mobile app design, learn prototyping, and get an introduction to pig maps.
Explore how to use Figma for prototyping, building design systems, and managing components and styles, collaborate with your team, and leverage plugins and a rich community for inspiration.
Learn how to download and install Figma on your operating system, run the installer, and log in with your email to start using Figma.
Explore the Figma toolbar and core actions like logging in, creating a new design file, importing files, and sharing projects with a team.
Explore frame operations in a ui design context, including selecting frames via the toolbar or f key, changing frame sizes, duplicating frames, and copying to iPhone mini layouts.
Organize your Figma projects by layering and grouping, create frames for mobile app pages, and master copy and paste and keyboard shortcuts to structure design components.
Explore basic shapes in figma by selecting rectangle, line, ellipse, polygon star, and placing an image, then apply blue fills and color types like solid, linear, radial, angular.
Master image settings in Figma by importing an image, applying a color scheme, and adjusting hue, contrast, temperature, shadow, and opacity. Refine the result with fill, crop, and detail controls.
Learn to use the Figma text tool and manage margins by adjusting font size, line height, letter spacing, and alignment, applying a black fill for web and mobile design.
Master the basics of creating a button and a slider in Figma, use blue color with hex codes, adjust opacity, and group elements for clean alignment.
Explore what a prototype is as a symbol of the final product. Learn how ux teams test and validate ideas before sharing with stakeholders and developer.
Create a page prototype focused on onboarding, copy and paste, duplicate elements, adjust onboarding details, and edit descriptions and pricing to highlight a bonus.
Set up and prototype onboarding flows in Figma using buttons, tiles, and navigation to onboarding steps, applying smart animate and 300 millisecond transitions to create smooth animations.
Welcome to my Class
Hi People
In this course, we will study the user interface design of an App with Figma.
Reaching a life achievement or career achievement must start from zero, why?
In some cases or we see examples of vegetable development, starting from seeds, planted, watered, growing into small trees, being cared for, and growing into vegetables. the same as learning starts from 0 to advanced level.
I believe the learning process is a journey that must be taken either from small things or from level 0, level 1, or level 2 to become proficient it takes time to achieve it.
When learning something or if there is an achievement to be achieved, take for example if you want to become a UI design expert, we must be consistent and give free time to study.
The journey to becoming an expert must be from level 0, level 1 is like playing a game, in reaching to become an expert it is required to focus on one area first. if it has been produced and is known as a UI expert, then it is developed from UI design to icon design.
why
icon design is an inseparable part of UI design assets or material design.
This course is for designers & people changing jobs to UI or UX design. even proficient it's okay to learn the basics of Figma apps
which will be learned from zero to middle level :
- introducing apps user interface design
- introducing Figma
-introducing Figma tools
- Create a mobile design with Figma
- Create Prototype
- Prototype settings.
so enjoy the journey in every learning from level 0 to becoming an expert.
Thank you