Skip to main content
Link
Menu
Expand
(external link)
Document
Search
Copy
Copied
Figma Tutorial
Introduction
Digital Design Basics
Design Systems
UI Guidelines
Grid Systems
Interaction Design
Links & Research
Getting Started
Figma Education
Figma Community
Figma Resources
Figma Basics
Workspace Introduction
Workspace Update 2024
Figma Working with Images
Quick Start
Create a Button
Pixel Perfect
Pixel Perfect 1
Pixel Perfect 2
Pixel Perfect 3
Project Set-up
Overview
Page 1 - Cover
Page 2 - Style Guide
Page 3 - Components
Page 4 - Layout
Naming Conversions
Component Properties
Variant Properties
Properties Walk-though
Variant States
Links & Support
Propstar Plugin
Simple Card
∞
Simple Card Walk-though
Simple Menu
∞
Menu - Walk-through
Dropdown Menu
Drop-down walk-through
Drop-down Video
Interaction
Overlay Draw
Switch
Switch Walk-through
V & H Scrolling Walk-through
Linking Screens
Prototyping
Adding Home Screens
Mock-ups
Online Portfolios
Figma Community Profile
Testing on a device
Downsize Images
Prototyping - Text Fields
layout
Fashion App
Web Layout 1
Web Layout 2
Breakpoints
Variables
Variables - Number
Variables - String
Layout & Grids
This section covers creating layouts for both Mobile and websites using the column grid structure
