Starting today, I am going to learn UI design and frontend development for some hobby projects, and I am going to do it 1 hour every day, with a very simple post on what I got.

To get start, I am going to learn figma first, and here is an awesome video from YouTube, Figma in 40 Minutes, I learned the first half of it (up to 20mins) today! And Here is what I got after it.

Some loose notes

• layer
  • frame
    • frame tool, choose different frames (let's go for desktop)
    • ctrl + scroll up/down for zoom in/out, otherwise it is up and down
  • Shape
    • R for rectange
    • O for eclipse
      • holding shift to make it rigid
      • also when rotate, it will rotate at good angles (like 90)
  • Text (T)
    • you know about it
    • montserrat looks good
  • Comment (C)
  • Plugin
    • use Photos to pick beautiful photos from unsplash, this is just like magic!
  • Shape as mask
    • card system or user
    • Group (Ctrl + G)
      • make selected objects a group, move together
  • Frame - layout grid

Tomorrow I'll be doing the second half of this video, which I've peeked, it is about layout, and I am super excited to go on.