Это видео недоступно.
Сожалеем об этом.
Office hours: Mastering components
HTML-код
- Опубликовано: 23 июн 2020
- Join Designer Advocates Joey and Rogie as they dive into components: see them leverage constraints, apply auto-layout, explore negative frame spacing, styles, and more.
Future Livestreams at figma.com/events
Workshop file available on the Figma Community Beta: www.figma.com/community/file/...
#Figma #OfficeHours #Components
25:00 Push override to Master
29:00 Add icon in AutoLayout & Component
32:25 Create Multiple component
34:00 -- 37:00, 38:00 Layer Rename, Replace current Name
36:00 Use '/' for Layer and Component organize, group.
37:00 Button name replace delete
47:00 Component Description and Search
39:10 Component order
59:20 Combine different state--Than show and hide
1:40:00 Auto Layout/Responsive Text box
27:02 Auto Layout Alignment(little Adjustment)
thank you!
i love you so much right now for this index :)
You are an angel
🏆🏆🏆🏆🏆🏆🏆🏆 500 Legend points for you my good sir
Ty
This is by far my favv Figma Office Hours! Thank you both for all of the awesome tips and tricks, and wonderful break down and explanations in this video 🎨💯
Thank you so much Joey & Rogie! So much design wisdom in here. Please keep these coming xo
Awesome walk through components! Now to remember to use everything! Thanks guys!
Definitely worth watching the whole video! Thank you guys!
It's interesting to watch this video in 2022 and notice that some features changed and made everything easier
Thanks for this. You've eased a lot of my concerns about switching from Sketch!
Thank you for this video! Super helpful
Great video! The demo on button components can be done via variants. Love the variant feature!
New-ish to Figma (formerly Sketch). As a former dev I appreciate the concept of frames and auto layout so much. It's nice to see a design program that follows the logic of basic box models.
Lot of concepts clear from this video thanks figma community
Rogie has a talent for explaining complex things in layman terms
That negative frame trick is timesaver! Thank you
Thanks for this video Rogie and Joey !❤
appreciate everything you have done here :3
Awesome. Thank you sir
Some of this no longer seems to work in the current version of Figma. Strokes are now obfuscated by frames, and auto-layout prevents the ability to place a rectangle behind it as a hack to fix it. Really not sure what's up with that, and a huge disappointment that functionality is now broken. I would prefer to use a template button as demonstrated, but it's broken currently.
The small video window on top right really blocks lots of important settings being made.
instead of pushing changes to master, is there a way to redefine an instance as the master component?
e.g. when masters get deleted or when masters need to be separated out of a design comp, it would be great to define which instance is the master component.
Can I add multiple images at once to a rectangle/ellipse like you had on your avatar or does it have to be manually from the right panel?
Great work
As others have mentioned, please do not place the video window in the upper-right because it blocks the design panel (can't see settings that you've clicked on in that area), please annotate or index long videos like this, and mention Windows keyboard shortcuts along with the Mac shortcuts. Otherwise great video thank you
Update: "Reset Instance" is now "Reset all overrides" :)
Great video
amazing thanks
Thank you so much
I copy a icon from a website then it is nested to a component and it is not possible to swap this icon with another icon from from asset panel but why . Can anyone help me about this?
Thank you for the video. Can a Variant be moved to another Property?
Wish you mentioned you were using a frame for the buttons (and why) instead of groups
Can we make a Structure button or any button using frame and auto-layout instead of the rectangle?
Negative frame spacing 1:16:29
5:40 starts
could you elaborate on how you got the feather icons to be a visual asset? time stamp 28:45
The new Figma autolayout is completely different than shown in the video here that is the reason can't do what he is showing at 1:04:54 which is stretch left and right, can someone help me out? TIA
Same here, I have been doing the same card for over 3 hours, trying to get it right. Then I realized that this video is outdated and I can't follow it literally. I have been using the resizing panel but I can't get it to work quite perfectly. :|
Kevin James is really good at Figma
Would it matter if you apply auto layout before or after creating a component?
Hey Brad, you can do it either way! I think different objects benefit from each approach. I personally tend to think about how a component will be structured using Auto Layout first, then build it with Auto Layout from the start. This helps me think about the functionality and behavior of the component as I'm building it. I think of that functionality and responsiveness as a key part of the component itself, so I like to make sure I'm happy with the component in its entirety before "locking it in" as a component.
@@Figma Great, thanks for the thoughtful reply!
Can you create a component within a component?
Technically you cannot, a master component can only contain an instance of another component within.
Can we do component state prototype in Figma just like XD
It would be just great
@@goshgarnuriyev3440 I am also waiting for that ,It will kill adobe XD for sure
@@kavineesh12 Hm, I've been checking out Figma for some time now and I can't really see anything here that would kill XD. On the contrary I think Figma is very quirky and odd. Weak on prototyping features and not very intuitive to use as an editor. Terrible type and text implementation is just one out of many annoying things about Figma. I'll stick to XD to get my work done.
I saw EPIC GAMES on your computer 😁
Thank you so much, this was extremely helpful. Love from cold mother Russia
If I created a component and I forgot where I use it. Any way to find them? If I had a master but don't now where I use child ones
#homeownergoals
I am really sorry for the new users in Figma. With no experience in Figma (or similar to Sketch) software - with such poor explanation of what this mentor "Rogie King" is doing it would be a nightmare. Especially with poor user interface and pattern of using the software. If you are doing something - don't wait for users without experience to mimic the stuff you are doing. I do understand what is he doing, new users will NOT, because Figma changing user experience every half a year! Wake up
Well I started using Figma 3 days ago with no UI software background (I have extensive use of AI and PS tho) and I didn't have any issues to follow their instructions, even though the interface is "outdated" in the video. Funny I guess
@@felipeneves2156 it is great, maybe I am wrong
it is for professionals who knows the figma well. for other just a waste of time
figma is way to expensive.... no offline support, no security (encryption), putting any designs that's beyond basic company project on figma is way too risky...