(C5W3): Create High-Fidelity Designs and Prototypes in Figma - Weekly challenge 3: Explore design systems

Which area of Polaris features content on accessibility, internationalization, information architecture, and mobile?

Foundations

Imagine a designer just started a new project and needs to learn the rules about how certain elements or styles should be applied. Which design system component should the designer consider to learn these rules?

Guidelines

In an open-source design system like Material Design, what tools can designers use to customize the visual aspects of a design? Select all that apply.

Icon library Material theming Color tool

Which of the following statements are true about a company's design system?

It can be used by multiple teams including designers and developers.

Beyond offering visual elements to copy and paste, what else might an open-source design system provide? Select all that apply.

Links to outside resources like downloadable fonts and icons Guides on how to use the design elements effectively

A designer is creating a pedometer app for a healthcare company, and wants to explore pre-made icons instead of creating them from scratch. They use an open source design system called Material Design. Which page should they access to locate pre-made icons?

NOT Design

At what point of the design process is a sticker sheet useful?

NOT During the user research phase

In what way should a new designer on a team use the company's design system? Select all that apply.

To ensure their designs are consistent with the company's brand To familiarize themselves with the brand's color palette and easily apply them to their designs

A team needs different sections of a design to remain consistent throughout the duration of the project. A good way to do this would be to create a design system.

True

Fill in the blank: Sticker sheets are useful in a design system because _____.

designers can work faster and avoid rework

Fill in the blank: Resources in a design system contain helpful tools like _____ to help designers build designs quickly and learn how to use elements effectively. Select all that apply.

type scale generator downloadable icons and fonts baseline design kits

When a designer makes a change to a component in a sticker sheet, what happens to each instance of that component?

NOT They remain the same.

Fill in the blank: To make a feature more visible to the user, you should _____ the elevation.

NOT decrease align top

What types of components and elements can a designer include in their sticker sheet? Select all that apply.

Icons Colors Navigation bars

Consider the following scenario: Gabriel is a designer at a branding consultancy. Gabriel's team successfully implements a design system, and delivers a product design that impresses their clients at a rapidly-growing startup. The clients are so happy, in fact, that they immediately want to iterate on the design and expand the product line. What is the result of implementing a design system?

Scaled the product

Sticker sheets are a collection of elements and components that make up part of the design system.

True

A brand establishes a design system to quickly iterate across teams. Which section of a design system outlines the guidelines for modules and templates?

UI patterns

A designer needs to change all the buttons in a design to have rounded corners. What is the fastest way for them to make this update?

Update all the button instances by updating the main button on the sticker sheet.

A design system can be useful to many people in the company. Which of the following groups are likely to use a design system? Select all that apply.

Designers Developers

Which Material Design feature explores the interactive building blocks for creating user interfaces, and features items such as date pickers, data tables, and menus?

Components

Identify the main features designers are encouraged to explore in Material Design.

Design, Components, Develop, Resources, and Blog

Which feature in Material Design adds layering and depth to your interface?

Elevation

A designer is creating a blood pressure monitoring app for a global health nonprofit. They're having trouble coming up with ideas for font styles and type scale. Where can they go to find useful information on type scale and fonts in the Polaris design system?

NOT Experiences

A design team is hiring an additional designer to help manage the increased workload. What is the best resource they can share to help them understand the brand's visual design elements?

NOT The company website's About page

A designer wants to develop design components for a new project but needs to start quickly. How can an existing design system assist the designer? Select all that apply.

The designer can use some of the components from an existing design system and adjust elements to match the product's branding. The designer can mix their own components with components gathered from a design system.

In established design systems like Material Design, can a designer customize preset styles?

Yes

Fill in the blank: Defining the styles in a design system for core visual design elements help companies _____. Select all that apply.

express their brand consistently improve the user's experience