vector graphic
- no matter how much you zoom in in the picture it will not get pixelated
raster images
- it will get pixelated when we zoom in
Figma only support the vector graphic images only
Frames and groups
Groups
- two elements can be grouped and when you group the two element then it act as a single element
Frame
- Frames are powerful containers in Figma used for layouts, screens, and components with features like Auto Layout and constraints.
constraints
- constrain helps in responsive design
responsiveness
1 responsive which means design will not scrub in different application
responsive design adjusts its layout fluidly and automatically based on the screen size using flexible grids, media queries, and relative units (like %, em, rem).
Key Features:
- One layout that flexes and scales.
- Uses CSS media queries to resize/rearrange content.