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.