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.
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)
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.