Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

Getting started with Figma: A beginner's guide

Views: 335 | Comments: 0   

Figma is a really amazing design and prototyping tool that has exploded in popularity. If you are thinking about making the switch to it, or if you're looking to figure out how to use it, this tutorial is for you!

/// Timestamps

  • 00:00 - Introduction
  • 00:25 - What we are going to be building
  • 02:06 - What is Figma?
  • 03:03 - Starting a new project
  • 03:33 - basic interface
  • 04:12 - creating a frame (workspace/artboard)
  • 05:45 - creating basic shapes
  • 06:45 - color basics
  • 08:16 - the text tool
  • 12:30 - layer basics
  • 14:07 - Zooming in and out and moving around the frame
  • 16:57 - selecting, aligning, and locking items
  • 20:22 - duplicating items
  • 22:50 - stroke basics
  • 23:47 - moving things perfectly straight
  • 24:47 - more layer controls 26:59 - round corners
  • 28:46 - grouping items, equal distribution, layer organization
  • 31:45 - placing images
  • 35:29 - the scale tool
  • 37:15 - eye dropper and more on colors
  • 38:04 - making the layout look better with everything we learned

User Feedback

There are no comments to display.

  • Similar Content

    • By Jimi Wikman
      In this video we'll go through using the Teams tab of your Organization Admin Settings.
    • By Jimi Wikman
      In this video we'll go through using the Teams tab of your Organization Admin Settings.
    • By Jimi Wikman
      In this video we'll go through an overview of using the Organization Admin Settings & Dashboard.
    • By Jimi Wikman
      This mini-series of videos on experience and UX journey mapping has been in the books for over the year! it's time to bring it to live and quickly introduce and upskill those who have not to approach UX design with a discovery mindset (and methods). Journey mapping with adequate insights capture is paramount to deeply understanding, empathizing, and eventually improving real-life user and customer journeys.
      In this first video, I'll recap one of the chapters from a course I used to run to introduce junior UX designers to mapping techniques, real experience map examples, UX workshop facilitation techniques, and more.
      Experience mapping templates mentioned in the video: http://blog.vaexperience.com/ux-workshop-templates/
      How to use them: https://www.youtube.com/watch?v=ybfasDTvbdw
    • By Jimi Wikman
      Understaning how block, inline, and inline-block each behave is very important when learning CSS, as well as knowing why you might want to switch the display property of an element every now and then.
  • Create New...