OpenCourser brand icon
Sign in
We may earn an affiliate commission when you visit our partners.

User Experience Design Essentials - Adobe XD & Figma - UI UX

Zack Z.

Hi there, I am Zakariya Zaki

In this course, you will learn a lot of design and drawing skills, and how to choose the right things.

Also, you will learn new tricks in UX and UI design.

In this course we will learn about the basics of UX and UI.

You will be able to work in a specific company or open a private project and you can make a lot of money, because this profession is very much in demand in almost all parts of the world.When you choose this course, you will be able to download all files and projects, which are estimated at hundreds of dollars, will be available to you for free.

Read more

Hi there, I am Zakariya Zaki

In this course, you will learn a lot of design and drawing skills, and how to choose the right things.

Also, you will learn new tricks in UX and UI design.

In this course we will learn about the basics of UX and UI.

You will be able to work in a specific company or open a private project and you can make a lot of money, because this profession is very much in demand in almost all parts of the world.When you choose this course, you will be able to download all files and projects, which are estimated at hundreds of dollars, will be available to you for free.

You will also learn how to create a complete APP from A to Z and how to publish and display it to developers and also try it on your phone, and you can also sell it.

You will also learn how to design menu games. You will learn to draw your own buttons or icons too.

You will also learn how to create the right colors for you.

And how to include appropriate and comfortable colors for the user.

You will also be able to sell your products, and compete with the professionals in this industry.

In short, this is a fantastic profession. Let's Start.

Enroll now

Here's a deal for you

We found an offer that may be relevant to this course.
Save money when you learn. All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.
Use code at checkout. Only 43 hours left!
Save on learning
Learn anytime, anywhere, with courses that fit your lifestyle
Take
80%
off
ST17MT31325G2

What's inside

Learning objectives

  • Why must learn ui & ux
  • How to become a ui & ux designer
  • How to find a job as a ui,ux designer with a high salary
  • How to start with figma and adobe xd 2023
  • How to build full app step by step
  • How to draw
  • How to choose the appropriate format
  • How to design an attractive website
  • How to test your design
  • How to design your icons
  • How to use your ideas
  • How to design colors by cods
  • How to choose best and comfortablecolors
  • How to share your work
  • How to make an application everything from your pure design
  • How to use more then programm for your project
  • How to adjust and prepare the project
  • How to work with a team or individual
  • How to publish your project
  • How to design convenient and easy interfaces for the users
  • If you complete this course completely, you will be able to work in some specialized companies in this industry
  • New section for adobe xd to find the similarities and differences between adobe xd and figma
  • How to design like professionals in adobe xd 2023
  • Show more
  • Show less

Syllabus

Intorduction
Add searching menu by odometer

In this part I'm going to explain the contents and modules of the course in a nutshell, let's start dear ..

Read more
Why you must to learn UX/UI Design

In this lesson, I will explain the importance of learrning of UX/UI design,and why it's important to your career, and also going to show you about the annual salary rate for that great job.

How to open all projects and files on Figma after downloaded

In this lesson I will explain how to open all the files after you download them, you can download them now from here after you have enrolled in the course. Let's Start..

Your first design in Figma

In this part I will explain how to design lists of games and also you will learn how to draw in a simplified and wonderful way, after the end of this part you will be able to design any list or page easily, let's start

Your first design in Figma-How to Design Menu for games part 2
How to draw your Icons

In this lesson, I will explain how to draw any icon you need, in simple and wonderful steps. You will learn a lot about drawing. Let's Begin

In this lesson we will learn to search for any icon and download it, and we will also learn about the icons8

and how to download icons8's plugin for Figma and how to use it.

How To design the Colors

In this lesson, I will explain how to insert any color using its code, and I will also choose preferred and comfortable colors. Let's start

How to use the Layout Grid and Constraints

In this lesson I will Explain how to use and setup the layout grid  and why it's very important. Let's Start

In this lesson I will explain in simple terms what is the constraints are, and what they are useful for while browsing. Let's Start

In this lesson I will explain in a simple way about Auto Layout. Let's Start

Build full website pages - UX/UI design

In this lesson, we will start designing the first page of the website, and also we will list the colors that we will use it to build or design. are you ready? Let's Start

In this lesson, I'll explain about the constrains and layout grid, as I mentioned in the previous lesson, let's start.

In this lesson, we will add the main pages of the website.

Are you ready? Let's Start

In this lesson, I will explain how to add your product to the website and how to coordinate colors and make it comfortable for the user.Lest's Start

n this lesson we will add elements or products of different colors and also we will change the background for the same color of the product in a wonderful and beautiful way, Let's Start

In this lesson we will link all pages to each other using Prototype, then we will try it. Let's start

Design a complete UI/UX APP
Design page 1 information about the App
Design page 2 information about the App
Design page 3 information about the App
Design page 4 information about the App
design sign in/up's menu
Design taskbar
Design user's menu
Design saved's menu
Design Sell's menu
Design Buy's menu part 1
Design Buy's menu part 2
Design buy menu-barnd - add logos
Add searching menu
Design and add All brands in Make's menu
Add searching menu by location
Add searching menu by year
Add searching menu by price
Add searching menu by Transmission
Add searching menu by New/Used
Add and design searching menu by Cylinders
Add and design searching menu by Colors
Add and design searching menu by Others

In this lesson, I will explain how to add items to the market. I have chosen a program to sell cars as a model for this course. In this lesson, I will explain how to add cars to the market and also how to use Auto Layout to facilitate the design process. Let's Go..

How to work on Adobe XD

Hi dear friends,

In this lesson I will show you how to work on Adobe XD to find out the similarities and differences between Adobe XD and Figma, Let's Start

In this lesson I will show you how to work on Adobe XD to find out the similarities and differences between Adobe XD and Figma, Let's Start

Design Button with animation
Design Button with animation 2
Aniamtion on XD
Animation-indicators
How to design like professionals in XD 2023
Start to design like professionals part 1
Start to design like professionals part 2
Start to design like professionals part 3
Start to design like professionals part 4

Save this course

Save User Experience Design Essentials - Adobe XD & Figma - UI UX to your list so you can find it easily later:
Save

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in User Experience Design Essentials - Adobe XD & Figma - UI UX with these activities:
Review UI/UX Design Principles
Reinforce your understanding of fundamental UI/UX design principles before diving into the course's practical application using Figma and Adobe XD.
Browse courses on UX Principles
Show steps
  • Read articles or watch videos explaining core UI/UX principles.
  • Identify examples of good and bad UI/UX in existing apps and websites.
  • Summarize the key principles in your own words.
Review 'Don't Make Me Think' by Steve Krug
Gain a solid foundation in usability principles to inform your design decisions in Figma and Adobe XD.
View Don't Make Me Think, Revisited: A Common Sense... on Amazon
Show steps
  • Read the book, focusing on the key principles of usability.
  • Take notes on how these principles can be applied to app and web design.
  • Reflect on how the book's insights relate to the course content.
Recreate Existing UI Designs
Improve your proficiency with Figma or Adobe XD by replicating existing UI designs from popular apps or websites.
Show steps
  • Select a UI design to replicate.
  • Analyze the design's structure, layout, and elements.
  • Recreate the design in Figma or Adobe XD, paying attention to detail.
Four other activities
Expand to see all activities and additional details
Show all seven activities
Document Your Design Process
Solidify your understanding of the design process by documenting your steps and decisions while working on course projects.
Show steps
  • Keep a journal or log of your design decisions.
  • Explain your reasoning behind each design choice.
  • Reflect on what you learned from the process.
Design a Mobile App Concept
Apply your UI/UX design skills to create a complete mobile app concept from A to Z, including user flows, wireframes, and visual designs.
Show steps
  • Define the app's purpose and target audience.
  • Create user flows and wireframes to map out the app's functionality.
  • Design the visual interface using Figma or Adobe XD.
  • Prototype the app to test its usability.
Build a UI Kit
Consolidate your design knowledge by creating a reusable UI kit in Figma or Adobe XD, including components, styles, and guidelines.
Show steps
  • Identify common UI elements used in your designs.
  • Create reusable components for each element.
  • Define styles and guidelines for consistent design.
  • Document the UI kit for future use.
Read 'The Design of Everyday Things' by Don Norman
Deepen your understanding of user-centered design principles to create more effective and enjoyable user experiences.
View Things That Make Us Smart: Defending Human... on Amazon
Show steps
  • Read the book, focusing on the concepts of affordances, signifiers, and feedback.
  • Analyze examples of good and bad design in everyday objects and digital interfaces.
  • Apply the book's principles to your own design projects.

Career center

Learners who complete User Experience Design Essentials - Adobe XD & Figma - UI UX will develop knowledge and skills that may be useful to these careers:
Mobile App Designer
Mobile App Designers are responsible for the overall look and feel of mobile applications. The course helps build a foundation due to its emphasis on designing complete apps from A to Z, making it directly relevant to the work of a Mobile App Designer. Learning how to publish and display an app to developers, as covered in the course, is a valuable skill for a Mobile App Designer. Moreover, understanding how to create convenient and easy interfaces for users, a key takeaway from the course, is essential for designing successful mobile applications.
See salaries and explore the career path for Mobile App Designer
User Experience Designer
A User Experience Designer focuses on ensuring that digital products are user-friendly, accessible, and enjoyable to use. This course heavily emphasizes the basics of user experience design, providing a good introduction for aspiring user experience designers. The course's focus on understanding user needs, designing intuitive interfaces, and testing designs directly relate to the daily tasks of a User Experience Designer. The course's curriculum is valuable to anyone interested in pursuing a career as a User Experience Designer.
See salaries and explore the career path for User Experience Designer
User Interface Designer
A User Interface Designer focuses on the visual elements of a digital product, ensuring it is both aesthetically pleasing and easy to navigate. This course helps build a foundation by teaching design and drawing skills relevant for user interfaces. The course's lessons on designing icons, choosing appropriate colors, and creating attractive websites directly translate to the responsibilities of a User Interface Designer. The ability to design convenient and easy interfaces for users, emphasized throughout the course, is crucial for success as a User Interface Designer.
See salaries and explore the career path for User Interface Designer
Freelance Designer
Freelance Designers work on a project basis for various clients, often managing their own time and resources. This course can be particularly valuable, as it prepares participants to work on private projects and potentially earn money. Learning how to design attractive websites, create complete apps from A to Z, and design your own icons, directly empowers a Freelance Designer to offer a wider range of services. Moreover, understanding how to sell your products and compete with professionals in the industry, as highlighted in the course, is vital for success as a Freelance Designer.
See salaries and explore the career path for Freelance Designer
Information Architect
Information Architects organize and structure information within websites and applications to ensure findability and usability. This course may be useful for Information Architects, giving them more background on user experience. The course's coverage of how to design convenient and easy interfaces for the users can enhance an Information Architect's understanding of how information structure impacts user experience. Moreover, the course's topic of how to design an attractive website may improve an information architect's design sensibility.
See salaries and explore the career path for Information Architect
Interaction Designer
An Interaction Designer focuses on designing the interactive elements of a digital product, ensuring that users can effectively engage with the system. This course may be useful for aspiring Interaction Designers because it emphasizes how to design convenient and easy interfaces for the users. The modules of this course cover topics such as how to draw icons, design colors, and how to design an attractive website. The course's comprehensive approach helps aspiring Interaction Designers to understand and apply key design principles.
See salaries and explore the career path for Interaction Designer
Design Consultant
Design Consultants advise businesses on design strategies and solutions to improve their products or services. This course may be useful for aspiring Design Consultants because it enhances their knowledge of user interface and user experience design. The course's instruction on designing attractive websites may give Design Consultants helpful knowledge when advising clients. Furthermore, learning how to choose comfortable colors for users, as covered in the course, is directly relevant to a Design Consultant's responsibilities.
See salaries and explore the career path for Design Consultant
Digital Product Designer
Digital Product Designers are involved in the end-to-end design process of digital products, from initial concept to final execution. This course may be helpful for Digital Product Designers as it provides a solid introduction to the key principles of user interface and user experience design. The modules of this course cover topics such as designing attractive websites, creating complete apps from A to Z, and designing your own icons. With this end-to-end knowledge of the design process, Digital Product Designers may be able to apply key design principles.
See salaries and explore the career path for Digital Product Designer
Usability Analyst
Usability Analysts evaluate the ease of use and effectiveness of websites and applications. The course may be useful for Usability Analysts since it provides insights into user interface and user experience design principles. The course's focus on designing convenient and easy interfaces for the users can improve a Usability Analyst's ability to assess the usability of a design. Learning how to test your designs, as mentioned in the course objectives, is directly relevant to the responsibilities of a Usability Analyst.
See salaries and explore the career path for Usability Analyst
User Advocate
A User Advocate represents the needs and perspectives of users throughout the product development lifecycle. This course may be useful for User Advocates, enhancing their communication and product strategy. The course's material on how to design convenient and easy interfaces for the users can help User Advocates become better at articulating user needs to development teams. Moreover, the course's coverage of how to choose comfortable colors for users may help User Advocates discuss user preferences with teams.
See salaries and explore the career path for User Advocate
Web Designer
Web Designers plan, create, and code internet sites, many of which may include text, sound, video, and graphics. This course may be useful for Web Designers because it discusses the essentials of user interface and user experience design, and how to design attractive websites. A Web Designer can improve their design skills and knowledge of user preferences through the UI and UX focused course content. It can also help Web Designers understand how to choose comfortable colors for users.
See salaries and explore the career path for Web Designer
Front-End Developer
Front End Developers implement visual elements and user interfaces of websites and applications. While primarily focused on coding, understanding design principles can greatly enhance a Front End Developer's ability to translate designs into functional interfaces. The course's focus on UI and UX design, including topics like designing attractive websites and creating convenient interfaces for users, can help Front End Developers better understand and implement design specifications. Consequently, the course may improve a Front End Developer's collaboration with designers.
See salaries and explore the career path for Front-End Developer
Instructional Designer
Instructional Designers create engaging and effective learning experiences, often incorporating multimedia elements. The design principles taught in the course, such as how to design convenient and easy interfaces for the users, may be valuable for Instructional Designers creating digital learning materials. By learning how to design attractive websites and choose comfortable colors for users, as covered in the course, Instructional Designers may be able to create more visually appealing and user-friendly educational resources.
See salaries and explore the career path for Instructional Designer
Accessibility Specialist
Accessibility Specialists ensure that digital products are usable by people with disabilities. While the course doesn't explicitly focus on accessibility standards, the foundational knowledge of UX and UI design it provides may be useful for Accessibility Specialists. The course's emphasis on designing convenient and easy interfaces for users can inform an Accessibility Specialist's understanding of how design choices impact usability for diverse users. With this foundation, Accessibility Specialists may be able to improve their understanding of universal design principles.
See salaries and explore the career path for Accessibility Specialist
UX Researcher
UX Researchers conduct research to understand user behaviors, needs, and motivations, informing design decisions. While this course doesn't focus on research methodologies, the understanding of UX and UI design principles it provides may be valuable for UX Researchers. The course's emphasis on designing convenient and easy interfaces for users can enhance a UX Researcher's ability to analyze and interpret user feedback related to usability and design. With this knowledge, UX researchers may be able to better understand user needs.
See salaries and explore the career path for UX Researcher

Reading list

We've selected two books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in User Experience Design Essentials - Adobe XD & Figma - UI UX.
Cover image
Don't Make Me Think, Revisited
Save
Classic in the field of usability and user experience. It provides a practical and accessible guide to designing intuitive and user-friendly interfaces. It's particularly helpful for understanding the core principles of usability that underpin effective UI/UX design. This book is commonly used as a reference by industry professionals.
Don't Make Me Think, Revisited: A Common Sense...
Paperback
$$
Don't Make Me Think, Revisited : A Common Sense...
Hardcover
$$$
Don't Make Me Think, Revisited: A Common Sense...
Kindle Edition
$$
Cover image
Things That Make Us Smart
Save
Explores the principles of good design and how they apply to everyday objects, including digital interfaces. It emphasizes the importance of usability, learnability, and user satisfaction. While not specific to Figma or Adobe XD, it provides a valuable framework for thinking about design in a user-centered way. This book is helpful in providing background knowledge.
Things That Make Us Smart: Defending Human...
Kindle Edition
$

Share

Help others find this course page by sharing it with your friends and followers:
Facebook
LinkedIn
Reddit
X
Link
Email

Similar courses

Similar courses are unavailable at this time. Please try again later.
Effort
7.5 total hours
Via
Udemy
Instructor
Zack Z.
Language
English
Share and help others discover this course.
Facebook LinkedIn X Reddit Link Email
Don't miss out
Enroll today to gain access to this course
Enroll in this course
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2025 OpenCourser