Scribd
Upload
14 views8 pages

QA Meets Design - Mastering Figma For Testing

Pdf de estudos

Uploaded by

Gilvan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
14 views8 pages

QA Meets Design - Mastering Figma For Testing

Pdf de estudos

Uploaded by

Gilvan
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

QA Ducker

Linkedin posts

All graphics

Blog - website design

Archive

Cover

091A22

1C262C
Pocket dictionary for
surviving design reviews
Layout
Arrangement of elements like buttons, images, and text.

Defines how things are organized on the page.
Flow
Sequence of connected screens (e.g., login → dashboard →
profile).

Represents the user's journey through the app.
Frame
A container holding design elements (like a ‘screen’ or ‘artboard’).

Helps organize designs into clear sections.
Prototype
Interactive version of the design simulating the final experience.

Used to test interactions and usability early.
Layers
Stacked elements (e.g., images, buttons) within a frame.

Ogres have layers. Onions have layers. And guess what?
Designs have layers too.
Components
Reusable design elements (e.g., buttons, headers).

Consistency is key – components ensure uniformity across the
design.
Left Bar – Navigating files Linkedin posts

All graphics
Use the Layers/Pages panelBlogto quickly switch
- website design
between project elements/views
Archive

Cover

Linkedin posts

All graphics

Blog - website design

Archive

Cover

Benefit for QA:


Helps testers easily locate specific components
for verification.
Quick search for elements
Use Cmd/Ctrl + P to find frames or elements by
name.

Benefit for QA:


Speeds up navigation, making it easier to find
elements without scrolling.
Right Bar – Property control

The Right Bar presents key properties, including

colors, borders, effects, and spacing.

Benefit for QA:

Ensures visual consistency by letting testers

verify correct design application.


Checking spacing
Use Alt/Option + Hover to measure spacing
between elements.

Benefit for QA:


Ensures precise spacing and alignment with
design guidelines.
Adding comments
Click the comment icon or press ‘C’ to add a
comment to a specific element.

Benefit for QA:


Enables efficient communication with designers
through precise feedback.
And that’s just the
beginning…
...more coming
soon!

You might also like