SlideShare a Scribd company logo
This cheat sheet is from the video training
course byol.com/figma
Move/Selection tool (V): use
this to resize shapes (hold shift
to keep in proportion). Strokes,
text etc. will stay the same.
Scale tool (K): use this to
resize several items together.
Everything (strokes, text etc.)
will scale and stay in proportion.
BASIC SHORTCUTS
(Same for PC and MAC)
Frame tool F
Pen tool P
Text tool T
Rectangle tool R
Ellipse tool O
Line tool L
Pick a color ctrl C: grab a
color from elsewhere without
losing your flow.
Shift X: toggle stroke & fill color.
Create component alt ctrl K
(PC) opt cmd K (MAC).
Place image shift ctrl K (PC)
shift cmd K (MAC).
Frame
selection alt
ctrl G (PC)
opt cmd G
(MAC).
ZOOM & VIEW
SHORTCUTS
(Same for PC and MAC)
Zoom to 100% shift 0
Zoom to fit shift 1
Zoom to selection shift 2
Outlines ctrl Y (PC) cmd Y
(MAC).
Open design panel
alt 8 (PC) opt 8 (MAC).
Open prototype panel
alt 9 (PC) opt 9 (MAC).
Open inspect panel alt 0 (PC)
opt 0 (MAC).
Show/Hide UI
ctrl  (PC)
cmd  (MAC)
Next frame: N
(or shift N to go backwards).
Move to the next page in your
layout page down/page up
(PC) or function down arrow/
up arrow (MAC).
Toggle Layout Grids on & off
ctrl shift 4 (PC) ctrl G (MAC).
Copy Grids & Columns
to another page:
1. Select them in the inspect
panel of the first page.
2. Copy ctrl C (PC) or cmd C
(MAC) & click on the next
page then paste ctrl V (PC)
or cmd V (MAC).
WHICH TOOL DO I TO USE TO RESIZE?
To click inside another object
(deep select) hold ctrl and click
(PC) cmd and click (MAC).
Duplicate while moving:
hold alt (PC) opt (MAC).
Duplicate your last action:
ctrl D (PC) cmd D (MAC).
Desktop
12 columns 24px gutter
Mobile (simplify from 12)
6 columns 16px gutter
QUICK GRID SETUP
FIGMA
ESSENTIALS
QUICK
SHORTCUT
GUIDE
GETTING
STARTED
GRIDS
&
LAYOUT
PRO-TIPS
LOST
SOMETHING?
ctrl / (PC)
cmd / (MAC)
(Quick actions)
to search through
menus, commands
& plugins.
For a tidy
design
window!
Quickly
switch
tools!
TRANSFORM
Flip horizontally: Shift H or V.
Bring forward or backward ctrl ]
or [ (PC) cmd ] or [ (MAC).

More Related Content

Similar to Figma Cheatsheet.pdf

AutoCAD
AutoCADAutoCAD
AutoCAD
actanimation
 
Autocad
AutocadAutocad
Autocad
ACT2013
 
Autocad 131102050945-phpapp02
Autocad 131102050945-phpapp02Autocad 131102050945-phpapp02
Autocad 131102050945-phpapp02
Vipin kamboj
 
Lecture 3
Lecture 3Lecture 3
Lecture 3
Sara Karaki
 
solidworks
solidworkssolidworks
solidworks
Amit Kamboj
 
solidworks
solidworkssolidworks
solidworks
Amit Kamboj
 
CAD CAM Objective Questions & Multiple drawing environment
CAD CAM Objective Questions & Multiple drawing environmentCAD CAM Objective Questions & Multiple drawing environment
CAD CAM Objective Questions & Multiple drawing environment
SivarajuR
 
RCB_16T3_AB2_ID063_AADIL
RCB_16T3_AB2_ID063_AADILRCB_16T3_AB2_ID063_AADIL
RCB_16T3_AB2_ID063_AADIL
Aadil Sukry
 
Vectorworks keyboard shortcuts 2015
Vectorworks keyboard shortcuts 2015Vectorworks keyboard shortcuts 2015
Vectorworks keyboard shortcuts 2015
Nalini Di Tavani
 
Autocad 2007
Autocad 2007Autocad 2007
Autocad 2007
NoMaN NomI
 
BASIC COMMAND FOR AUTOCAD - An Introduction
BASIC COMMAND FOR AUTOCAD - An IntroductionBASIC COMMAND FOR AUTOCAD - An Introduction
BASIC COMMAND FOR AUTOCAD - An Introduction
TSBALKHIZISMAIL
 
Sap arch
Sap archSap arch
Sap arch
Taqi Zaidi
 
Autocad
AutocadAutocad
Autocad
actacademy
 
Autocad
AutocadAutocad
Autocad
actacademy
 
AUTO CAD CIVIL ENGINEERING PPT REPORT
AUTO CAD CIVIL ENGINEERING PPT REPORTAUTO CAD CIVIL ENGINEERING PPT REPORT
AUTO CAD CIVIL ENGINEERING PPT REPORT
DEEPAKKUMAR3980
 
Autocad
AutocadAutocad
Auto cad interface
Auto cad interfaceAuto cad interface
Auto cad interface
Mohit Goyal
 
Tech Tricks: How to Make Your Life Easier
Tech Tricks: How to Make Your Life EasierTech Tricks: How to Make Your Life Easier
Tech Tricks: How to Make Your Life Easier
Dan Randall
 
TUGASAN EC 202
TUGASAN EC 202TUGASAN EC 202
TUGASAN EC 202
mohdfadil112279
 
Solid Modeling Assignment EGR 201-100 Spring 2018 .docx
Solid Modeling Assignment EGR 201-100 Spring 2018 .docxSolid Modeling Assignment EGR 201-100 Spring 2018 .docx
Solid Modeling Assignment EGR 201-100 Spring 2018 .docx
whitneyleman54422
 

Similar to Figma Cheatsheet.pdf (20)

AutoCAD
AutoCADAutoCAD
AutoCAD
 
Autocad
AutocadAutocad
Autocad
 
Autocad 131102050945-phpapp02
Autocad 131102050945-phpapp02Autocad 131102050945-phpapp02
Autocad 131102050945-phpapp02
 
Lecture 3
Lecture 3Lecture 3
Lecture 3
 
solidworks
solidworkssolidworks
solidworks
 
solidworks
solidworkssolidworks
solidworks
 
CAD CAM Objective Questions & Multiple drawing environment
CAD CAM Objective Questions & Multiple drawing environmentCAD CAM Objective Questions & Multiple drawing environment
CAD CAM Objective Questions & Multiple drawing environment
 
RCB_16T3_AB2_ID063_AADIL
RCB_16T3_AB2_ID063_AADILRCB_16T3_AB2_ID063_AADIL
RCB_16T3_AB2_ID063_AADIL
 
Vectorworks keyboard shortcuts 2015
Vectorworks keyboard shortcuts 2015Vectorworks keyboard shortcuts 2015
Vectorworks keyboard shortcuts 2015
 
Autocad 2007
Autocad 2007Autocad 2007
Autocad 2007
 
BASIC COMMAND FOR AUTOCAD - An Introduction
BASIC COMMAND FOR AUTOCAD - An IntroductionBASIC COMMAND FOR AUTOCAD - An Introduction
BASIC COMMAND FOR AUTOCAD - An Introduction
 
Sap arch
Sap archSap arch
Sap arch
 
Autocad
AutocadAutocad
Autocad
 
Autocad
AutocadAutocad
Autocad
 
AUTO CAD CIVIL ENGINEERING PPT REPORT
AUTO CAD CIVIL ENGINEERING PPT REPORTAUTO CAD CIVIL ENGINEERING PPT REPORT
AUTO CAD CIVIL ENGINEERING PPT REPORT
 
Autocad
AutocadAutocad
Autocad
 
Auto cad interface
Auto cad interfaceAuto cad interface
Auto cad interface
 
Tech Tricks: How to Make Your Life Easier
Tech Tricks: How to Make Your Life EasierTech Tricks: How to Make Your Life Easier
Tech Tricks: How to Make Your Life Easier
 
TUGASAN EC 202
TUGASAN EC 202TUGASAN EC 202
TUGASAN EC 202
 
Solid Modeling Assignment EGR 201-100 Spring 2018 .docx
Solid Modeling Assignment EGR 201-100 Spring 2018 .docxSolid Modeling Assignment EGR 201-100 Spring 2018 .docx
Solid Modeling Assignment EGR 201-100 Spring 2018 .docx
 

Recently uploaded

Plastic Molding Infographic - RPWORLD.pdf
Plastic Molding Infographic - RPWORLD.pdfPlastic Molding Infographic - RPWORLD.pdf
Plastic Molding Infographic - RPWORLD.pdf
RPWORLD Manufacturing
 
Intel-Centrino-Mobile-Technology-guidelines
Intel-Centrino-Mobile-Technology-guidelinesIntel-Centrino-Mobile-Technology-guidelines
Intel-Centrino-Mobile-Technology-guidelines
EricHo305923
 
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
k4krdgxx
 
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
ubogumo
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
hw2xf1m
 
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
21uul8se
 
Value based approach to heritae conservation -.docx
Value based approach to heritae conservation -.docxValue based approach to heritae conservation -.docx
Value based approach to heritae conservation -.docx
JIT KUMAR GUPTA
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
3vgr39kx
 
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
stgq9v39
 
一比一原版加拿大瑞尔森大学毕业证如何办理
一比一原版加拿大瑞尔森大学毕业证如何办理一比一原版加拿大瑞尔森大学毕业证如何办理
一比一原版加拿大瑞尔森大学毕业证如何办理
oydykuz
 
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
kohd1ci2
 
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
lyurzi7r
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
anthonylin333
 
My Fashion PPT is my presentation on fashion and Trendss
My Fashion PPT is my presentation on fashion and TrendssMy Fashion PPT is my presentation on fashion and Trendss
My Fashion PPT is my presentation on fashion and Trendss
MedhaRana1
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
340qn0m1
 
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
67n7f53
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
881evgn0
 
一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理
一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理
一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理
xnhwr8v
 
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
p74xokfq
 
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
f22b6g9c
 

Recently uploaded (20)

Plastic Molding Infographic - RPWORLD.pdf
Plastic Molding Infographic - RPWORLD.pdfPlastic Molding Infographic - RPWORLD.pdf
Plastic Molding Infographic - RPWORLD.pdf
 
Intel-Centrino-Mobile-Technology-guidelines
Intel-Centrino-Mobile-Technology-guidelinesIntel-Centrino-Mobile-Technology-guidelines
Intel-Centrino-Mobile-Technology-guidelines
 
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
 
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
 
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
原版制作(MDIS毕业证书)新加坡管理发展学院毕业证学位证一模一样
 
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
 
Value based approach to heritae conservation -.docx
Value based approach to heritae conservation -.docxValue based approach to heritae conservation -.docx
Value based approach to heritae conservation -.docx
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
 
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
一比一原版(CSUEB毕业证)美国加州州立大学东湾分校毕业证如何办理
 
一比一原版加拿大瑞尔森大学毕业证如何办理
一比一原版加拿大瑞尔森大学毕业证如何办理一比一原版加拿大瑞尔森大学毕业证如何办理
一比一原版加拿大瑞尔森大学毕业证如何办理
 
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
一比一原版(ECU毕业证)澳洲埃迪斯科文大学毕业证如何办理
 
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
一比一原版美国俄勒冈大学毕业证(UO,UofO学位证)如何办理
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
 
My Fashion PPT is my presentation on fashion and Trendss
My Fashion PPT is my presentation on fashion and TrendssMy Fashion PPT is my presentation on fashion and Trendss
My Fashion PPT is my presentation on fashion and Trendss
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证如何办理
 
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
 
一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理
一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理
一比一原版(falmouth毕业证书)法尔茅斯大学毕业证如何办理
 
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
 
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
一比一原版(UoN毕业证书)纽卡斯尔大学毕业证如何办理
 

Figma Cheatsheet.pdf

  • 1. This cheat sheet is from the video training course byol.com/figma Move/Selection tool (V): use this to resize shapes (hold shift to keep in proportion). Strokes, text etc. will stay the same. Scale tool (K): use this to resize several items together. Everything (strokes, text etc.) will scale and stay in proportion. BASIC SHORTCUTS (Same for PC and MAC) Frame tool F Pen tool P Text tool T Rectangle tool R Ellipse tool O Line tool L Pick a color ctrl C: grab a color from elsewhere without losing your flow. Shift X: toggle stroke & fill color. Create component alt ctrl K (PC) opt cmd K (MAC). Place image shift ctrl K (PC) shift cmd K (MAC). Frame selection alt ctrl G (PC) opt cmd G (MAC). ZOOM & VIEW SHORTCUTS (Same for PC and MAC) Zoom to 100% shift 0 Zoom to fit shift 1 Zoom to selection shift 2 Outlines ctrl Y (PC) cmd Y (MAC). Open design panel alt 8 (PC) opt 8 (MAC). Open prototype panel alt 9 (PC) opt 9 (MAC). Open inspect panel alt 0 (PC) opt 0 (MAC). Show/Hide UI ctrl (PC) cmd (MAC) Next frame: N (or shift N to go backwards). Move to the next page in your layout page down/page up (PC) or function down arrow/ up arrow (MAC). Toggle Layout Grids on & off ctrl shift 4 (PC) ctrl G (MAC). Copy Grids & Columns to another page: 1. Select them in the inspect panel of the first page. 2. Copy ctrl C (PC) or cmd C (MAC) & click on the next page then paste ctrl V (PC) or cmd V (MAC). WHICH TOOL DO I TO USE TO RESIZE? To click inside another object (deep select) hold ctrl and click (PC) cmd and click (MAC). Duplicate while moving: hold alt (PC) opt (MAC). Duplicate your last action: ctrl D (PC) cmd D (MAC). Desktop 12 columns 24px gutter Mobile (simplify from 12) 6 columns 16px gutter QUICK GRID SETUP FIGMA ESSENTIALS QUICK SHORTCUT GUIDE GETTING STARTED GRIDS & LAYOUT PRO-TIPS LOST SOMETHING? ctrl / (PC) cmd / (MAC) (Quick actions) to search through menus, commands & plugins. For a tidy design window! Quickly switch tools! TRANSFORM Flip horizontally: Shift H or V. Bring forward or backward ctrl ] or [ (PC) cmd ] or [ (MAC).