UI/UX Designer
Design systems and Figma questions
120 questions on Design systems and Figma for ui/ux designers, easiest first.
Easy 35
- Why start with low-fidelity wireframeseasy
- Wireframe, mockup or prototypeeasy
- Why use auto layouteasy
- Component variantseasy
- Editing a main componenteasy
- What detaching an instance doeseasy
- Showing or hiding an icon in a componenteasy
- Editable button label in the paneleasy
- Choosing which icon a button showseasy
- Hug contents in auto layouteasy
- Atomic design levelseasy
- Slashes in component nameseasy
- Keeping helper components privateeasy
- Minimum touch target sizeeasy
- What Storybook is used foreasy
- Version number after a breaking changeeasy
- Why components need a focus stateeasy
- Best export format for iconseasy
- Style guide versus design systemeasy
- Hover built into a componenteasy
- Showing a modal in a prototypeeasy
- A header that stays while scrollingeasy
- Content spilling out of a frameeasy
- Using a token in CSSeasy
- Naming a colour tokeneasy
- States a button must covereasy
- Icons that follow text coloureasy
- Documenting how to use a componenteasy
- Parts of a text fieldeasy
- What belongs in a tooltipeasy
- Telling teams how mature a component iseasy
- Loading a list of cardseasy
- When not to make a componenteasy
- A list with nothing in iteasy
- Filter chips that run onto new lineseasy
Medium 49
- What design tokens solvemedium
- Effective developer handoffmedium
- Icon-only buttonsmedium
- Primitive or semantic tokensmedium
- Light and dark mode in Figmamedium
- Giving useful critiquemedium
- Design too costly to buildmedium
- Counting button variantsmedium
- Lost text when switching variantsmedium
- Fill container in CSS termsmedium
- Spacing mode set to automedium
- Placing a badge on an avatarmedium
- Constraints when resizing a framemedium
- Stopping a fill-width card growing forevermedium
- What a variable cannot storemedium
- Spacing variables shown in the wrong placemedium
- Two brands from one librarymedium
- Reading a DTCG token filemedium
- One token source, many platformsmedium
- Converting Figma pixels to remmedium
- Figma letter spacing in CSSmedium
- Size of a 3x exportmedium
- Contrast for text and UI partsmedium
- Finding the weak componentmedium
- Retiring an old componentmedium
- Signalling a design is readymedium
- What Code Connect addsmedium
- Reaching a nested button's propsmedium
- Where a variable mode appliesmedium
- Switching themes in CSSmedium
- Compact layout for power usersmedium
- Too many different shadowsmedium
- Consistent animation timingmedium
- What a type token holdsmedium
- Dropdown hidden under the headermedium
- Icons that look unevenmedium
- Icon font or inline SVGmedium
- States developers ask aboutmedium
- Handing off for many screen sizesmedium
- Translating a drop shadowmedium
- Single-line truncationmedium
- Starting a design systemmedium
- Moving files to a new librarymedium
- Accessibility notes for developersmedium
- Toast or inline messagemedium
- Checking the build against designmedium
- Splitting a huge library filemedium
- A splash screen that moves on by itselfmedium
- What changed since handoffmedium
Hard 36
- Teams ignore the design systemhard
- A team needs a missing componenthard
- Changing a widely used componenthard
- Preparing for German and Arabichard
- Inside stroke and CSS bordershard
- Android dp on a dense screenhard
- State layers in Material 3hard
- Adding component-level tokenshard
- A card with 25 propshard
- Smart animate jumps instead of movinghard
- A cart badge that counts uphard
- Hover colour by lowering opacityhard
- A greyed-out Submit buttonhard
- Keyboard behaviour of a modalhard
- Is this change breaking?hard
- Choosing a team modelhard
- Catching unintended visual changeshard
- Error state shown only in redhard
- Build or adopt a systemhard
- The main component was deletedhard
- Which changes reach overridden layershard
- Showing depth in dark modehard
- Keeping Figma and code tokens in synchard
- Headless component librarieshard
- Products on old system versionshard
- One system, many frameworkshard
- Safely trying a big library changehard
- Measuring adoption honestlyhard
- Tab order that jumps aroundhard
- Tabs that switch in a prototypehard
- Constraint for a proportional charthard
- Labels for a destructive dialoghard
- A slow, heavy componenthard
- Settling debates with principleshard
- Resolving an aliased variable in dark modehard
- Two people edit the same recordhard