No, keys in a React application only need to be unique among siblings in the same list, not globally.
The keys should be unique among the sibling lists. But we can use the same keys if we have two different arrays.
The keys should be unique among the sibling lists. But we can use the same keys if we have two different arrays.
Please login to post an answer.
Use consistent naming for layers, frames, and components.
Organize pages (e.g., Wireframes, Design, Components, etc.).
Create a design system with reusable components and styles.
Use Auto Layout for responsive, structured designs.
Label variants clearly (e.g., Button/Primary/Hover).
Add specs, spacing, and annotations as notes or callouts.
Share with Dev Mode enabled so developers can inspect easily.
Keep versions clean with only final designs for handoff.
Use Figma’s preset frames:
Mobile: iPhone 14, Pixel 7, etc.
Desktop: 1440×1024 or custom widths.
Mobile: Simpler grid (e.g., 4–column).
Desktop: More complex grids (e.g., 12–column) for flexible layouts.
Set constraints for responsive behavior (e.g., text stays pinned to the left or center resizes with screen).
Design components to adapt for both screen sizes using Auto Layout and Resizing properties.
Create separate frames for each breakpoint (e.g., mobile, tablet, desktop) to visualize responsiveness.
Mobile: Larger tap targets, consider thumb reach.
Desktop: Hover states, smaller targets possible.
Mobile: Slightly larger fonts, tighter layouts.
Desktop: More white space, larger layouts.
Boolean operations in Figma are tools that combine shapes in different ways to create complex vector graphics. The four main types are:
Union – Combines all selected shapes into one.
Subtract – Removes the top shape from the bottom one.
Intersect – Keeps only the overlapping area.
Exclude – Removes the overlapping area and keeps the non-overlapping parts.
To use Version History in Figma:
Open the file you want to view.
Go to the menu → click File → Show version history.
A sidebar appears showing saved versions by date and editor.
Click a version to preview it.
To restore, click “Restore this version” at the top.
Figma auto-saves versions, but you can also create named versions manually via File → Save version.
Organize Figma by using pages (e.g., Design, Components), shared libraries, clear naming, consistent styles, and grouping with frames/sections. Keep files tidy by project or feature.