Vocabulary

Question 1

Components

Answer 1

Elements you can reuse across your designs. They help to create and manage consistent designs across projects.

It helps to make your designs more consistent and allows for changes to be made quickly.

You can create a component from layers, groups, and frames.

A component is the parent element of Instances

Question 2

Instances

Answer 2

A single occurrence of the master component. (When the master component is updated all of the instances are updated automatically)

Question 3

When the ______ component is updated all of the instances are updated automatically.

Answer 3

master

Question 4

another term for instances

Answer 4

child

Question 5

another term for components

Answer 5

parent

Question 6

Overrides

Answer 6

Changes made to an instance’s properties (overrides change properties of instances)

Overrides allow designers to create variations on the original component.

Question 7

If changes are made to the master component, the overrides on our ________ remain unchanged.

Answer 7

instance

Question 8

What can overrides edit?

Answer 8

Text properties, fill, stroke, effects, bounding box

Question 9

What if Figma?

Answer 9

It’s a vector design tool that runs on the browser. You can use Figma to brainstorm ideas, iterate on designs, create prototypes, and get feedback at any stage of the creative process.

Question 10

What is Auto Layout?

Answer 10

Let’s you create dynamic frames that respond to that content.

• Automatically resize as their text changes
• Menus & list can be quickly reordered

Question 11

What is Automagical?

Answer 11

When you add a few auto-layout to a few elements

Question 12

Resizing?

Answer 12

Resizing options let you control how an object should behave when its parents or children change size.

Question 13

Fill container

Answer 13

Makes an object stretch to fill its container.

*It can only be set on children of an auto-layout frame)

Question 14

Hug contents

Answer 14

Makes a parent fit to the size of its children

Question 15

Fixed

Answer 15

An object won’t resize w/ its parent or children

Question 16

Distribution

Answer 16

Controls the spacing between objects within an auto-layout frame.

Question 17

What are the two options for distribution?

Answer 17

Packed or Space-between

Question 18

What is packed distribution?

Answer 18

Makes objects stick together

Question 19

What is space between distribution?

Answer 19

Makes them stay apart

Question 20

Alignment

Answer 20

Controls where those items are stacked.

*Items can be aligned to one side, the center, or a specific corner

Question 21

What are horizontal constraints?

Answer 21

Horizontal constraints define how an object behaves, as you resize the Frame along the x axis

Question 22

Horizontal constraint - Left

Answer 22

Maintains the object’s position, relative to the left side of the frame

Question 23

Horizontal constraint - Right

Answer 23

Maintains the object’s position, relative to the right side of the frame

Question 24

Horizontal constraint- Left and Right

Answer 24

Maintains the object’s size and position relative to both sides of the frame. This may cause objects to grow or shrink along the x-axis when resized

Question 25

Horizontal constraint- Center

Answer 25

Maintains the object’s position, relative to the horizontal center of the frame

Question 26

Horizontal constraint- Scale

Answer 26

Will define the object’s size and position as a percentage of the Frame’s dimensions. It will then maintain those proportions as you resize it.

Question 27

What a vertical constraints?

Answer 27

Vertical constraints define how an object behaves, as you resize the Frame along the y axis.

Question 28

What is a flow?

Answer 28

The network of frames and connections in a single page.