Відео

This is exactly what I'm looking for! Thank you.

Nice, great tutorial info.. thankyou so much Masha.

I love it!!!

I love it❤❤❤ ..thanks alot , please make more videos about css

by the way, Rive has a great video going over all the export options: ua-cam.com/video/WucdFfTI2yw/v-deo.htmlsi=xXsu3i57gdx3vRsH (the UI is previous version though, which is what tripped me up)

Очень полезное видео! Поделилась с коллегами. Они тоже в восторге :) Спасибо большое, Маша!

❤ Thank you.

Hi Masha! Why do you convert all px measures to rem? Is there a reasoning behind it or you are more used to it? Thank you for a great video!

Thanks for showing the trick about layer ordering for absolute position. Was going nuts with a text input I’ve made and this solved it.

This is really what I've been looking for. Thank you 💙

6:34 … please how did you bring those frames together to form a 3rd frame. I’m having trouble with that and can’t get over that hurdle :(((

fantastic niche tool. great idea

A really cool plugin except it doesn't work. I have the calendar frame selected, all of the cells are named .calendar-day, the whole thing.

tq. for this. vdeo big fan

Your video is the first sensible approach to Figma slots that I've come across, and it mimics how web developers actually use them! Many videos show the body area having multiple slots... unfortunately, when users see multiple slots they naturally have a 1-to-1 component swap mindset, which becomes inflexible and limiting. But container components like modals and cards can have an infinite amount of UI scenarios inside the body area that won't work with the 1-to-1 component swap. But by having just 1 slot, hopefully users start thinking deeper and realize to wrap their varied content as a private component and slot that in. With all that said, do you use slots like this? Or do you just detach still? Seems more intuitive for users to detach, I don't know if users can make the jump in their head to create a component ahead of clicking on the slot drop zone. It also just feels a little strange/untidy to have the guts of the master content component hanging outside of the modal.

super useful! great as always, thanks.

UPDATE: this is now available as a plugin in Figma :) www.figma.com/community/plugin/1381403283977874287/code-syntax-editor

Классное видео! Здорово объясняешь! Ты молодец :)

This is something that I wouldn't know if I haven't randomly found your video. Thank you!

❤❤❤❤❤❤

I tried it but it`s not responding after I click CREATE CALENDAR

Great video. Another thing that influences the look of the button/link is the line height of the text inside.

Thanks man. I was searching exactly this video (video on box-sizing) about 2,3 weeks earlier, but I didn't find any good explanation. It may be because I didn't know about box-sizing and I searched with random keywords. I also had the same issue as yours. I'm saving this to my playlist.😂😂

Hey Masha, thanks for this article. This is exactly what I was looking for. But it was hard to find as this is actually the only "date range picker" video I could find. And this is so much better than another calendar tutorial. Maybe you could put that in the title so it's easier to find.

great content love it

In my presentation mode the toggle label is not visible on the black backgroud. Where could I change the color of the background? Thanks in advance?

I love your tutorials! Thank you :)

very good tutorial 👍🏻 you should make a video to learn how to customize a radio button in css (make the look like buttons). +1 Subscriber

Thank you very much! Another excellent video, as always. Could you please create some tutorials on mobile native components for Android and iOS?

Masha, do you know how to solve the problem with font smoothness? In Figma the text looks much softer than in the code. Maybe I need to use special fonts or css?...

tl;dw - you probably need to add box-sizing: border-box to your global styles. (if that doesn’t help, watch the video :)

I wish I knew about this years ago 💀 Thank you!

I've tried messing with it on a playground file so I can understand it better, but when I follow the same steps that you do in the video, it doesn't change anything at all. I'm following you exactly and I'm just not sure what's going on. I just want to see how it changes and such.

this is awesome :) thanks for that!

very useful and thx masha for share

I cannot believe that you only have 500 views. Your system is incredibly amazing and will make my developer colleagues incredibly happy!

Маша, пили контент. Очень полезные вещи выкладываешь. И радует что ролики не для начинающих.

Swap Variables is such a game changer, thanks for that! i recommend Design Lint as a must when reviewing figma files and Noise & Texture is a very quick and fun way to improve solid backgrounds.

also would love to know what your go-to plugins are! there are so many undiscovered gems out there

Learned a lot! But for the last part. You could’ve just flipped the whole thing and do it much easier lol thx tho

Thank you masha❤🎉 it's really helpful. In my current project I have faced some issues for charts but the blog links you have mentioned solve my problem 😊

Thank you very much Masha, indeed a time saver for some project! A small update request; Can you make it optional to include Line-height? As of now Figma doesn't support %percentage as a number variable (quite annoying tbh), and your plugin just automatically calculates the line-height to a number variable, and attaches it / overrides the %percentage set line-height. This is less than ideal when you are working with percentages and want to keep it that way.

I adore your videos!!! Thank you so much that you share your knowledge with us! Спасибо большое!!!

thank you!

Thank you, Masha! I am eagerly anticipating more similar high-quality content.

awesome. thank you

This does not work if you have a component with several interactions, Jesus!

Thanks a lot for your videos! I learned a lot from you :) Keep making your great tutorials!

Thank you! I love this video