Figma Fundamentals

During this workshop:

  • Get access to Figma Dev Mode
  • Cover Figma fundamentals
  • Learn & work with Dev Mode
  • Build a quick project
  • Bring the project to life!

Why Learn Figma?

Figma is the industry standard tool for designing products, used by the vast majority of Fortune 500s and startups.

Where Do I Get Started?

Save time now. Figma’s preloaded design kits and design systems ensure you’re not starting from scratch.

iOS and iPadOS 18 by Apple

Create highly accurate iPhone and iPad design components and user flows, all in one kit.

Material 3 Design Kit by Google

Build clean and comprehensive applications with the popular Material Design System.

Simple Design System by Figma

Design and build efficiently with Figma’s best practices and pre-built components.

Learn a skill for the future.

Why not use V0 or ChatGPT?

Design! Tailor your designs and build the intent behind what you’re creating (i.e. for the consumer/end user).

How does this work in the real world?

→ Most teams that are creating online products are prototyping and designing in Figma.
→ On professional teams, once designs are ready, designers hand off to developers. Knowing how to use Figma is a marketable skill.

Where Can I Use Figma?

🌐 Web Browser

Interact with Figma on any modern web browser including Chrome, Edge, and Firefox.

💻📱 Desktop & Mobile

View Figma files on your mobile devices, or edit them on Mac, Windows, or Linux.

🔌 VS Code Extension

Enhance your developer workflow by using Figma straight from VS Code.

Last modified on 2025-12-04 • Suggest an edit of this page
← Prev: Hacking with GitHub Copilot
Next: System Ownership Mindset →