File Structure/Frames
LD Design System
EBS Design System
Tips: Advanced
Handoff
100
Every file should have this to indicate status of work
What is a thumbnail cover?
100
Living Design library/libraries currently in beta stage.
What is LD Illustrations and Dark Theme?
100
A design system that supports associate-facing products.
What is EBS Design System?
100
This direction's orientation.
What is vertical?
100
It’s what provides engineers specific guidance within the UI itself
What are annotations?
200
The stage of work where we create pixel perfect designs, annotations and prototypes
What is a handoff?
200
Components similar to each other, with only slight differences, for example in different states and sizes.
What are variants?
200
Panel in the left side bar to access design libraries and components.
What are Assets?
200
Define this padding.
What is 16px on the left, 0 on top, right, and bottom
200
Two helpful plugins that allow the creation of user flows and highlighting spacing & margin between elements in a UI
What is autoflow and redlines?
300
The page in our file structure where we showcase active UI work including milestones and prototypes
What is in design?
300
Exploratory spaces that allows designers to try new ideas without making changes to the main, or existing, file.
What is branching?
300
Meetings with LD team to vet new components.
What are office hours?
300
Distribution where the remaining space is divided evenly and inserted between child elements in auto layout
What is Space-between distribution
300
Where you can demonstrate the experience and dynamic behavior of a component or feature.
What are micro-interactions?
400
What will we use in Figma to organize products?
What is a project?
400
A plugin to swap from Living Design’s light theme and dark theme colors.
What is Themer plugin?
400
Potential components to be added to the EBS and LD design libraries
What are Candidate Components?
400
The different ways to resize elements in auto layout.
What are Fill container, Hug contents, and Fixed?
400
The URL where foundational elements and components can be referenced online
What is livingdesign.walmart.com
500
A specific group of deliverables or outcomes to achieve the desired end goal
What is a milestone?
500
An open area within a component that acts as a placeholder.
What are content slots?
500
Living Design designs systems manager
Who is Mike Ellis?
500
A button with “8,40” in the padding panel means it will have what padding.
What is 8px on top and bottom, and 40px on left and right
500
Components that can include scenarios for the case when there is either an error, no data or or showing disabled.
What are states/edge cases?