BitWithBite
UI/UX · Quick Reference
Lesson 7 — Figma Interface Cheat Sheet
In one line: Frames, layers, the pen tool, boolean operations, and the inspect panel are the core of the Figma workspace.
Core Tools
1Frames. Containers that hold and clip your design content.
2Layers. The panel showing every element and its stacking order.
3Pen tool. Draws custom vector shapes point by point.
4Boolean operations. Union/Subtract/Intersect/Exclude combine shapes.
Inspect Panel
What it shows
Exact spacing, sizing, and color/CSS values for handoff
Who uses it
Developers implementing your design