Resources

A collection of resources and tools to power up your Framer game.

All
Checklists
CMS & SEO
Remix
eCommerce
Learn
Forms
Patterns and Effects
Toolkits
All
Checklists
CMS & SEO
Remix
eCommerce
Learn
Forms
Patterns and Effects
Toolkits

Shortcuts

Learn shortcuts to boost your productivity.

All
Alignment
Components
Edit
File
Graphic
Layout
Publish
Text
Tools
View

Publish

P

Open Settings

,

Quick Actions

K

Upload Image

I

Align Left

A

Align Right

D

Align Vertically

V

Distribute Horizontally

H

Undo

Z

Copy Style

C

Duplicate

D

Lock

L

Rename

R

Select Parent

ESC

Select All Siblings

A

Group

G

Bold

B

Underline

U

Library

/

Image

I

Rows

R

Wrap

W

Text

T

Graphic

G

Zoom

Z

Create Component

K

Add Frame

Remove Wrapper

Send Backward

[

Send to Back

[

Zoom In

+

Zoom to 100%

0

Zoom to Selection

2

Show Rulers

R

Show Guides

G

Show Layer

2

Open Site

O

Open Preview

P

New

N

Version History

H

Align Horizontally

H

Align Top

W

Align Bottom

S

Distribute Vertically

V

Redo

Z

Paste Style

V

Delete

Hide

;

Back To Page

ESC

Select All

A

Select All Children

A

Ungroup

G

Italic

I

Insert

I

Frame

F

Stack

S

Columns

C

Grid

G

Interaction

L

Comment

C

Sample Color

C

Create From Code

K

Add Stack

Bring Forward

]

Bring to Front

]

Night Mode

N

Zoom Out

-

Zoom to Fit

1

Toggle Interface

.

Collapse All Layers

L

Show Pages

1

Show Assets

3

All
Alignment
Components
Edit
File
Graphic
Layout
Publish
Text
Tools
View

Publish

P

Open Settings

,

Quick Actions

K

Upload Image

I

Align Left

A

Align Right

D

Align Vertically

V

Distribute Horizontally

H

Undo

Z

Copy Style

C

Duplicate

D

Lock

L

Rename

R

Select Parent

ESC

Select All Siblings

A

Group

G

Bold

B

Underline

U

Library

/

Image

I

Rows

R

Wrap

W

Text

T

Graphic

G

Zoom

Z

Create Component

K

Add Frame

Remove Wrapper

Send Backward

[

Send to Back

[

Zoom In

+

Zoom to 100%

0

Zoom to Selection

2

Show Rulers

R

Show Guides

G

Show Layer

2

Open Site

O

Open Preview

P

New

N

Version History

H

Align Horizontally

H

Align Top

W

Align Bottom

S

Distribute Vertically

V

Redo

Z

Paste Style

V

Delete

Hide

;

Back To Page

ESC

Select All

A

Select All Children

A

Ungroup

G

Italic

I

Insert

I

Frame

F

Stack

S

Columns

C

Grid

G

Interaction

L

Comment

C

Sample Color

C

Create From Code

K

Add Stack

Bring Forward

]

Bring to Front

]

Night Mode

N

Zoom Out

-

Zoom to Fit

1

Toggle Interface

.

Collapse All Layers

L

Show Pages

1

Show Assets

3

Publish

P

Open Site

O

Open Settings

,

Open Preview

P

Quick Actions

K

New

N

Upload Image

I

Version History

H

Align Left

A

Align Horizontally

H

Align Right

D

Align Top

W

Align Vertically

V

Align Bottom

S

Distribute Horizontally

H

Distribute Vertically

V

Undo

Z

Redo

Z

Copy Style

C

Paste Style

V

Duplicate

D

Delete

Lock

L

Hide

;

Rename

R

Back To Page

ESC

Select Parent

ESC

Select All

A

Select All Siblings

A

Select All Children

A

Group

G

Ungroup

G

Bold

B

Italic

I

Underline

U

Insert

I

Library

/

Frame

F

Image

I

Stack

S

Rows

R

Columns

C

Wrap

W

Grid

G

Text

T

Interaction

L

Graphic

G

Comment

C

Zoom

Z

Sample Color

C

Create Component

K

Create From Code

K

Add Frame

Add Stack

Remove Wrapper

Bring Forward

]

Send Backward

[

Bring to Front

]

Send to Back

[

Night Mode

N

Zoom In

+

Zoom Out

-

Zoom to 100%

0

Zoom to Fit

1

Zoom to Selection

2

Toggle Interface

.

Show Rulers

R

Collapse All Layers

L

Show Guides

G

Show Pages

1

Show Layer

2

Show Assets

3

Frame

F

Frame

F

esc

esc

F1

F2

F3

F4

F5

F6

F7

F8

F9

F10

F11

F12

Mac

`

~

1

!

2

@

3

#

4

$

5

%

6

^

7

&

8

*

9

(

0

)

-

_

=

+

delete

delete

tab

tab

Q

W

E

R

T

Y

U

I

O

P

[

{

]

}

\

|

caps lock

caps lock

A

S

D

F

G

H

I

K

L

;

:

'

"

delete

delete

shift

shift

Z

X

C

V

B

N

M

,

<

.

>

/

?

shift

shift

fn

control

option

command

command

command

command

option

esc

F1

F2

F3

F4

F5

F6

F7

F8

F9

F10

F11

F12

Content

`

~

1

!

2

@

3

#

4

$

5

%

6

^

7

&

8

*

9

(

0

)

-

_

=

+

delete

tab

Q

W

E

R

T

Y

U

I

O

P

[

{

]

}

\

|

caps lock

A

S

D

F

G

H

I

K

L

;

:

'

"

delete

shift

Z

X

C

V

B

N

M

,

<

.

>

/

?

shift

fn

control

option

command

command

option

esc

F1

F2

F3

F4

F5

F6

F7

F8

F9

F10

F11

F12

Mac

`

~

1

!

2

@

3

#

4

$

5

%

6

^

7

&

8

*

9

(

0

)

-

_

=

+

delete

tab

Q

W

E

R

T

Y

U

I

O

P

[

{

]

}

\

|

caps lock

A

S

D

F

G

H

I

K

L

;

:

'

"

return

shift

Z

X

C

V

B

N

M

,

<

.

>

/

?

shift

fn

control

option

command

command

option

esc

F1

F2

F3

F4

F5

F6

F7

F8

F9

F10

F11

F12

Mac

`

~

1

!

2

@

3

#

4

$

5

%

6

^

7

&

8

*

9

(

0

)

-

_

=

+

delete

tab

Q

W

E

R

T

Y

U

I

O

P

[

{

]

}

\

|

caps lock

A

S

D

F

G

H

I

K

L

;

:

'

"

return

shift

Z

X

C

V

B

N

M

,

<

.

>

/

?

shift

fn

control

option

command

command

option

esc

F1

F2

F3

F4

F5

F6

F7

F8

F9

F10

F11

F12

Content

`

~

1

!

2

@

3

#

4

$

5

%

6

^

7

&

8

*

9

(

0

)

-

_

=

+

delete

tab

Q

W

E

R

T

Y

U

I

O

P

[

{

]

}

\

|

caps lock

A

S

D

F

G

H

I

K

L

;

:

'

"

return

shift

Z

X

C

V

B

N

M

,

<

.

>

/

?

shift

fn

control

option

command

command

option

Get a free account