Office hours: 30 time-saving tricks from Figma experts
HTML-код
- Опубликовано: 7 авг 2024
- Anthony and Rogie, Designer Advocates at Figma, share their favorite lesser known Figma tips, including keyboard shortcuts, to help you save time.
Figma is free to use. Sign up here: bit.ly/2ZSZKI6
Figma file from this session, here: www.figma.com/community/file/...
#Figma #OfficeHours #FigmaTips 
Наука
[ *Menus* ]
0:25 Open Quick Menu
1:23 Layers Panel + Assets Panel
2:05 Design Panel & Prototype Panel & Code Panel
3:12 Switch Browser Tabs
[ *Canvas* ]
3:54 Next Frame & Previous Frame
4:34 Zoom to Selection & Zoom to "Area"
5:53 Resize without Constraints
7:26 Outline Mode
[ *Layers/Frames* ]
9:00 Next Layer & Previous Layer
9:53 Select Child Layers & Select Parent Layer
11:29 Copy Layer Styles & Paste Layer Styles
17:29 Reset a Text Layer Name
18:45 Frame Selection & Remove Frame
[ *Images/Files* ]
22:34 Place Image(s)
25:05 Paste as Fill
27:31 Quick Mask Image
28:29 Swap Stroke & Fill
28:40 Save Image Fills as Styles
31:47 Copy as CSS/SVG & Copy as PNG
[ *Color* ]
33:34 Quickly Select/Set Fill Color
33:47 Live Preview Colors
34:12 Nudge Color Values
[ *Vector* ]
36:08 Flatten Selection
37:17 Outline Stroke
40:46 Set Arc in 15 degree increments
[ *Components* ]
41:38 Add Keywords/Tags to Component Descriptions
42:45 Swap Component Instance & Swap Nested Instance
44:28 Quickly Swap Selected Instance
[ *Prototypes* ]
45:50 Show/Hide Hot-spots from the Options Drop-down
46:09 Show/Hide Toolbar & Footer
[ *OS + Browser Level* ] 46:43
1) Emoji Menu
2) Resize in Both Directions
3) Resize Proportionally in Both Directions
4) Move Selection while in Resize Mode
Not all heroes wear capes! 🦸♂️🦸♀️
Thanks
because thats what heroes do
Respect ++
Thx 🙏🏼
I love these guys - such great touches like the high-five circles. This really brightened my day to watch. Thanks both :)
Nice tips guys! Even considering myself as a shortcuts key guy, were there still a few kick-ass tips I haven't imagine would be possible to do :) thank you guys!
Great work guys! Currently i'm switching from Sketch to Figma and this was a pretty good help :)
This is SO HELPFUL! I love using quick keys and this is the motherlode. Thanks for sharing.
so great, I've learned so much form this, thanks!
Take a shot everytime someone says awesome 😁
Super helpful, thanks guys!
Good stream, Thank you!
This videos is a serious treasure !
This is awesome !! The tricks are epic..One question I have is in Prototyping. I can select in Interactions "Click/Tap" once for one frame. if I want to give another click interaction on same frame then it becomes disabled. If this option becomes available it will be excellent for minimizing the number of frames.
yas! resize frame while ignoring constraints. i need that!
Very helpful! Thanks a lot!
I likee the tutorial tips its very useful... more videos to come...
Super useful video!
How can I attend one of these live streams! This is so exciting but I really wanna witness this in realtime
You can see when the next one is scheduled by following this link! www.figma.com/events/
Unfortunately, I 'm missing a live stream. I see 2:35 that you shared the link to the figma file on the chat, but I don't see the chat on the video record. Can you share this link in the comment section or in the description?
Can you link the view-only file in the description or comments section? Thanks!
Shift+2 is awesome but can you made that selection with 100% zoom, without any scaling? I always have to press Shift+0 after that, which is really annoying =( Please!
When will the animation be made easier? I've got a lot of lags because a lot of frames!!!!!!!!!!!!!
Please make the scale tool affect vertices as well ... PLEASE !
And when you will finally upgrade paddings in auto layouts? Make them separate? Not the same in both directions, but individually on each side, the same as in CSS. Please!!
7:26 shift + o is outline mode
I need Anthony's desktop wallpaper 🥺, it looks cool, can you give a figma file for that 😁?
Is there a keyboard shortcut to focus on X or Y positioning co-ordinates? If not, what is the exact name so I can add a custom keyboard shortcut on my mac.
Nudge color values doesn't work in Windows version. :(
the (shift+2) zoom to selection doesn't work?
copy layer style on windows is not working huhu anyone know the correct/ updated shortcut?
I am finding that having to use \ or / is a pain in the ass when you don't have an American keyboard. In Spain, with our keyboards, to get / you need to press Shift + 7, and to get \ you need to press Option + º (who knows why)
I guess my question is, how do I create a shortcut to open the menu or to show/hide the toolbar in the presentation mode?
Why do icon libraries doesn't have a search option?
Any shortcut to wire?
Where I can take this presentation? It will be awesome, if you can pin it to this video. And do it for all kinds of vids. This approach will help people to use Figma in proper way. Thanks for tips.
Why Ctrl + Y is not showing outline mode ?
Why arent you using Figma desktop app? Its much more faster. That itself increase productivity.
where i can find the files??
www.figma.com/community/file/864313555228678049
FYI, Can't open the menu with that shortcut when my keyboard is set to French. :( ("/" requires pressing shift, but cmd-shift-"/ key" doesn't work)
I have a ES keyboard and that command is not mapped in this keyboard, but *Ctrl + P* in Windows works for me, you can try it.
@@sebastiangutierrezcorrea379 Hey! That does work, thanks!!
Custom keyboard shortcuts would be a godsend! Using a language setting other than English, right and left ALT are slightly different keys. The right one does not work for figma shortcuts. It's really annoying for left handed people.
it is because if we click the right alt then it will funtion as alt+ctrl. only left left alt will work as alt.
27:03 did you just give us a free license?? :D
It will work only with that email )
Is there one shortcut that automatically creates a component and moves it to a specific page? Yes, I'm coming from Sketch.
Pls stream on twitch
21:20
there are only 189K people use figma?
Second guy adds zero value to this demo. Just seems to be there to undermine and confuse. Really don’t understand this hosting dynamic.
Really disappointed in Figma team. Instead of releasing editor updates (nothing major since new year!), they are all about livestreams and political crap in their Twitter.