Scribd Logo
Upload

Welcome to Scribd!

  • 570 views

    The Only Figma Cheat Sheet You Need

    Uploaded by

    Papa Abdou Jobe
    This document provides a quick guide and shortcuts for Figma with 3 sections: [1] Getting Started which outlines basic tools and shortcuts; [2] Grids & Layout which discusses setting up grids and copying them between pages; and [3] Pro-Tips which lists additional tips like selecting nested objects and duplicating actions. The guide aims to help users navigate Figma more efficiently through an overview of essential tools, functions, and keyboard shortcuts.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    The Only Figma Cheat Sheet You Need

    Uploaded by

    Papa Abdou Jobe
    570 views1 page
    This document provides a quick guide and shortcuts for Figma with 3 sections: [1] Getting Started which outlines basic tools and shortcuts; [2] Grids & Layout which discusses setting up grids and copying them between pages; and [3] Pro-Tips which lists additional tips like selecting nested objects and duplicating actions. The guide aims to help users navigate Figma more efficiently through an overview of essential tools, functions, and keyboard shortcuts.

    Original Description:

    Original Title

    The only Figma cheat sheet you need

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document provides a quick guide and shortcuts for Figma with 3 sections: [1] Getting Started which outlines basic tools and shortcuts; [2] Grids & Layout which discusses setting up grids and copying them between pages; and [3] Pro-Tips which lists additional tips like selecting nested objects and duplicating actions. The guide aims to help users navigate Figma more efficiently through an overview of essential tools, functions, and keyboard shortcuts.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    570 views1 page

    The Only Figma Cheat Sheet You Need

    Uploaded by

    Papa Abdou Jobe
    This document provides a quick guide and shortcuts for Figma with 3 sections: [1] Getting Started which outlines basic tools and shortcuts; [2] Grids & Layout which discusses setting up grids and copying them between pages; and [3] Pro-Tips which lists additional tips like selecting nested objects and duplicating actions. The guide aims to help users navigate Figma more efficiently through an overview of essential tools, functions, and keyboard shortcuts.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 1

    FIGMA

    ESSENTIALS
    QUICK
    SHORTCUT
    GUIDE
    GETTING STARTED

    GRIDS & LAYOUT


    WHICH TOOL DO I TO USE TO RESIZE? QUICK GRID SETUP
    Desktop
    12 columns 24px gutter
    Move/Selection tool (V): use Scale tool (K): use this to
    this to resize shapes (hold shift resize several items together. Mobile (simplify from 12)
    to keep in proportion). Strokes, Everything (strokes, text etc.) 6 columns 16px gutter
    text etc. will stay the same. will scale and stay in proportion.

    Toggle Layout Grids on & off


    BASIC SHORTCUTS ZOOM & VIEW ctrl shift 4 (PC) ctrl G (MAC).

    (Same for PC and MAC) SHORTCUTS Copy Grids & Columns


    (Same for PC and MAC) to another page:
    Frame tool F
    Quickly Zoom to 100% shift 0 1. Select them in the inspect
    Pen tool P switch Zoom to fit shift 1 panel of the first page.
    tools!
    Text tool T Zoom to selection shift 2

    Rectangle tool R Outlines ctrl Y (PC) cmd Y


    (MAC).
    Ellipse tool O
    Open design panel 2. Copy ctrl C (PC) or cmd C
    Line tool L alt 8 (PC) opt 8 (MAC). (MAC) & click on the next
    Pick a color ctrl C: grab a page then paste ctrl V (PC)
    Open prototype panel
    color from elsewhere without or cmd V (MAC).
    alt 9 (PC) opt 9 (MAC).
    losing your flow.
    Open inspect panel alt 0 (PC)
    PRO-TIPS

    Shift X: toggle stroke & fill color. opt 0 (MAC). To click inside another object
    Create component alt ctrl K (deep select) hold ctrl and click
    Show/Hide UI For a tidy
    (PC) opt cmd K (MAC). design (PC) cmd and click (MAC).
    ctrl \ (PC)
    window! Duplicate while moving:
    Place image shift ctrl K (PC) cmd \ (MAC)
    shift cmd K (MAC). hold alt (PC) opt (MAC).
    Next frame: N
    Frame (or shift N to go backwards). Duplicate your last action:
    LOST selection alt ctrl D (PC) cmd D (MAC).
    SOMETHING? Move to the next page in your
    ctrl G (PC)
    layout page down/page up
    ctrl / (PC) opt cmd G
    (PC) or function down arrow/
    cmd / (MAC)
    (MAC).
    up arrow (MAC).
    TRANSFORM
    (Quick actions)
    to search through Flip horizontally: Shift H or V.
    menus, commands Bring forward or backward ctrl ]
    & plugins. This cheat sheet is from the video training
    course byol.com/figma or [ (PC) cmd ] or [ (MAC).

    You might also like