Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Figma - The Complete Guide
Rating: 4.4 out of 5(101 ratings)
2,612 students

Figma - The Complete Guide

Figma - The Complete Guide (Arabic Version)
Created byDarine Tleiss
Last updated 2/2023
Arabic

What you'll learn

  • Master Figma by doing 4+ complete projects
  • Tips and tricks that make you a UI master
  • Implement colors & images properly in your design
  • Master UI kits & plugins that speed up your workflow
  • Build fully functional interactive prototypes
  • Create your own UI icons & buttons
  • Build reusable component's
  • Master Responsive Design
  • Design for Mobile first
  • Design for Web first
  • Build a complete E-commerce UI project
  • Build a complete WhatsApp UI clone
  • Build a complete WhatsApp Web UI clone

Course content

10 sections45 lectures9h 41m total length
  • Welcome to this course - اهلا وسهلا بكم في هذا الكورس0:37
  • Course Syllabus - فصول الدورة1:40
  • Course Projects overview - دعونا نكتشف المشاريع التي سيتم بنائها في الكورس0:14
  • How UI differ from UX ? - ما هي اوجه الاختلاف بين واجهة المستخدم وتجربته4:02
  • What does a UI Engineer do ? ما هو عمل مهندس الواجهات الامامية1:07
  • UI Engineer daily tools - أدوات مهندس واجهة المستخدم اليومية1:26
  • Figma - The Course Friend - مقدمة عن فيغما1:22
  • Section Summary0:20

Requirements

  • Computer with Internet connection (Windows / MAC / Linux)
  • No paid softwares are needed
  • A free copy of Figma
  • No previous UI design is required.
  • No previous Figma skills are required.

Description

Aiming to master Figma by creating amazing in demand projects that rich your portfolio ?

You are the one who love to learn by doing, If so Figma the complete guide is your match. A complete course with more than 10h of content that will take you from zero to hero, starting from the tool setup, till wrapping up the course by designing 4 big projects, targeting different domains (e-commerce,  online messaging, food shops and more).

When I started preparing the course, the aim was bridging the gap between theory and practice. As learning the theory part is so important to know the behind of scene for every topic then illustrating it with the practice part.

From here and starting from section one with some theory regarding UI/UX, how they differ, the different job opportunities in both of them  and what are the in demand tools that a UI engineer may use in nowadays. Diving more in Figma, our course, mastering topics like frames, shapes, reusable components and even some advanced topics like Mobile-first design, Desktop-first design and prototyping.


Course sections :

  • Introduction to the UI world

  • Figma Setup & Project tools

  • Gentle dive in Figma basics

  • Frames & Shapes (The complete Burger Shop)

  • Reusable components  & Boolean selections

  • Prototyping & Comfy (  The complete e-commerce project)

  • Design Systems & Sticker Sheets

  • Constraints

  • Responsive Design (The complete WhatsApp clone App/Web)


Who this course is for:

  • Complete beginners looking to become expert UI designers
  • Everyone willing to master Figma by building amazing projects
  • Software engineers / Graphic Designers or any tech enthusiasts preparing for a career move
  • Experienced UI engineers who wanna build amazing projects for their portfolio's