kurtzace / diary-2024

0 stars 0 forks source link

Figma notes - figma-ux-ui-design-user-experience-tutorial-course udemy Daniel Walter Scott #5

Open kurtzace opened 7 months ago

kurtzace commented 7 months ago

user interface (UI) refers to the interactivity, look, and feel of a product screen or web page,

while user experience (UX) covers a user's overall experience with the product or website.

Send to back '[' key

Shift 0 - reset to 100% zoom

'I' eye dropper

click shape - set default

Edit:Copy paste properties

Option /Alt : Dup item

Cmd D: repeat last cmd

Place image > or Pencil and place image.

Object edit> double click object.

'K' Font plus scale > Scale tool (alternate of Move)

Ctrl/Cmd G> Group - Alternate is Frame (clip content - can exist without objects in it) like screen ending and content continuing. Also top right, align left , etc (nested frame too)

Drafts > import fig file

Cmd shift 4 (mac screenshot)

Iconfinder - Free - no back link. Svg.

Figma community> free. Fig pick.> Duplicate - goes to Draft.> select - copy> paste > remove from frame - use

Plugin>Icon plugin> Iconify or material

Pages (concepts/ user flows/ Guides)

See Ms Teams UI Kit example

Prototype

Design\protoype\Inspect

Animation|Dissolve|smart animate (make similar artboards and make a change to element to be animated) | move in|push| ease out (time ms direction ) After delay

Testing Figma app/Mirror

Team (unlimited)>projects (3 drafts)- for editing with colleagues.

kurtzace commented 7 months ago

UX

Inspiration | moodboard