WorksheetsDesign Tokens Part 1
Total questions: 8
Worksheet time: 4mins
What is a Design System?
A type of programming language for UI development
A plugin to manage Figma layers
A set of guidelines and patterns used to create a consistent visual language
A branding document for marketing only
Which of the following is an Atom in the design system structure?
Button
Website header
Search bar
Page template
What does a Complex Design System include that a Simple one may not?
Just typography and color palette
Only a component library
Grid system and one font
Documentation, accessibility guidelines, and developer code guidelines
Which is NOT listed as a benefit of a Design System?
Improved collaboration
Increased manual handoffs
Consistency
Scalability
Who can use the Design System?
Only designers
Only developers
Design, Marketing, Engineering, and Accessibility teams
Just marketing and design teams
What is the relationship between Design Systems and Design Tokens?
Design tokens replace the need for design systems
Design systems and tokens are unrelated
Design tokens help implement the visual decisions defined in a design system
Design systems only document design tokens
What are Design Tokens responsible for controlling?
Version control of design files
Colors, spacing, font properties, shadows, and more
Source code merging
Component layout
Which of the following best describes a Design Token?
A reusable image asset
A small reusable value that helps maintain consistency in UI design across platforms
A static color style in Figma
A plugin for animations
