Introduction to UI/UX Using Figma

Here, the basics of figma were illustrated for a beginner who is using the design tool for the first time

Transcript

1. Introduction to UI/UX Using Figma Dike Thelma Kelechi FrontEnd Web Developer UI/UX Designer @dikethelmak
2. UI: User Interface UI stands for User Interface, which is basically what your user sees. It is a combination of the Visual Design and the Interaction Design.
3. UX means User Experience,This has to do with the user flow. How the User navigates through your website. UX : User Experience
5. Tools Used For UI/UX • Figma • Sketch • Photoshop • Adobe Illustrator
6. FIGMA This is one of the first ever web based interface design tool.
8. Why FIGMA • It is free. • Allows collaboration among users. • Saves the stress of hitting ctrl + s always • Has a native desktop version. • Don’t have to worry about upgrades • Cross-platform: Can be used on a Mac, Windows, Linux etc. • Allows users to make sketches, wireframes and prototypes within the app
9. Awesome Features of FIGMA • Frames • Prototyping • Comments and Notification • Layout Grids • Real Time Collaboration • Color Libraries • Constraints
12. Thank You!!! @dikethelmak