StretchLearn Course

Stop just looking at Figma files — start working in them

Navigate any file, leave comments designers actually act on, make small edits without breaking anything, and build your own wireframes, mockups, and marketing assets using auto layout, components, and free templates — with worked examples you can finish today.

Preview Curriculum Back to Catalog

Beginner9 hr 15 minSelf PacedRegistered

Course Overview

What this course is designed to develop

This course teaches Figma to people with zero design background, focused on the four things non-designers actually do: view files, comment on them, make small edits without breaking the design, and create simple assets from scratch. You will learn the canvas, frames, layers, and the difference between edit and view access; how to comment so feedback is unambiguous; how to change copy, swap images, recolor, and detach instances safely; and how to build a wireframe, a basic mockup, and an on-brand marketing graphic using auto layout, components, styles, and free Community templates. Every lesson ends with a concrete worked example and the practical guardrails — version history, branching pages, export settings — that keep you from damaging a real designer's file.

Learning Outcomes

What the learner should be able to understand, build, or execute.

Navigate any Figma file confidently using frames, layers, pages, and the zoom and pan shortcuts

Leave precise, actionable comments and resolve feedback threads using Figma's comment and reaction tools

Edit text, swap images, and recolor elements without breaking the underlying design or components

Build a low-fidelity wireframe from scratch using frames, shapes, and the text tool

Create reusable layouts with auto layout, components, and color and text styles

Produce on-brand marketing assets from Community templates and export them at the correct size and format

Curriculum Preview

Inside the curriculum: a structured path from fundamentals to execution.

Preview the course structure, see how the modules build on one another, and understand the path this program is designed to take you through.

Module 1

Module 1: Finding Your Way Around a Figma File

Learn what Figma is, how files are organized, and how to move around the canvas without getting lost. You set up access, learn the panels, and decode the layers list so any file stops feeling intimidating.

3 lessons

What Figma Is and How to Get InContent · 40 min

Preview Enabled

Reading the Canvas, Panels, and LayersContent · 45 min

LMS Access

Frames, Groups, and the Layer TreeContent · 45 min

LMS Access

Module 2

Module 2: Commenting and Collaborating Like a Pro

Turn vague feedback into precise, actionable comments designers love. You learn to pin comments accurately, write feedback that gets acted on, and use version history to review and protect work.

3 lessons

Leaving Comments That Get Acted OnContent · 45 min

LMS Access

Resolving Threads and Keeping Feedback TidyContent · 40 min

LMS Access

Version History as Your Safety NetContent · 40 min

LMS Access

Module 3

Module 3: Editing Files Without Breaking Anything

Make safe, useful edits to existing designs: change text, swap images, recolor, and handle components. You learn what is safe to touch, what to leave alone, and how to fix the most common mistakes.

3 lessons

Editing Text and Swapping Images SafelyContent · 50 min

LMS Access

Colors, Styles, and Recoloring Without ChaosContent · 45 min

LMS Access

Understanding Components and When to DetachContent · 50 min

LMS Access

Module 4

Module 4: Building Wireframes, Mockups, and Marketing Assets

Create your own designs from scratch: a low-fidelity wireframe, a basic mockup with auto layout and components, and an on-brand marketing graphic you export correctly. You build a small, reusable toolkit you can apply to any future asset.

3 lessons

Wireframing an Idea from ScratchContent · 50 min

LMS Access

Auto Layout and Components for Real MockupsContent · 55 min

LMS Access

Marketing Assets from Templates and Exporting RightContent · 50 min

LMS Access

Built for Application

A complete learning path, not a one-off inspiration hit.

This program is designed around progression: focused lessons, structured modules, applied resources, assessments, and a course rhythm that turns information into usable capability.

Figmawireframingmockupsauto layoutcomponentsdesign collaborationcommentingmarketing assets