Animated mesh gradients in Figma | Zander Whitehurst | Memorisely

Опубликовано: 06 Февраль 2024
на канале: Memorisely

1,413

Animated mesh gradients in Figma:
👊 Whack P and draw a crazy shape.
🌈 Add a background colour.
🚫 Remove the stroke.
👊 Whack P again. Draw a fun collection of shapes.
🔄 Chuck them into your frame.
🌈 Set your frame colour.
👊 Whack R. Draw a rectangle.
💭 Set it to white.
🕵️‍♂️ Set your opacity to 2%.
🌀 Blur the background. Set to 160.
🔄 Slide it over your shapes.
📝 Add your text and a button.
📦 Duplicate a bunch of times.
🔄 Rotate the shapes in each frame.
🔄 Switch to prototype.
🔗 Connect your frames.
🕰️ Set to after delay.
🚀 Switch from instant to smart animate.
🎉 Woohoo! There's our animated mesh gradients in Figma.
#FigmaTips #design #designer
#uxdesign #uidesign #userexperience #userinterface #uxui #figma 🎉

Смотрите видео Animated mesh gradients in Figma | Zander Whitehurst | Memorisely онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Memorisely 06 Февраль 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 1,413 раз и оно понравилось 89 людям.

128