Design Tutorials

How to make a Slick Metal Texture in Figma!
-
Thread🧵:

This one was hard to fit into one image.
Figma file is in the thread.

<n>Interactive Ram's style radio</n>, a tutorial by <n>Fountn</n>.

Tutorial: How to create a Dieter Ram's style icon in @ChatGPTapp, Edit it in @figma, and make it interactive with @framer

A post from the <n>Howard design manual</n> series by UI/UX designer <n>Howard Le</n>.

You guys asked for a timelapse of my Figma process, so here I am, working on the keys from my previous post 🌸

With all the hiccups and mistakes ;)

Learn to design stylish frosted glass weather icons

Figma tutorial: How to create rounded skeuomorphic buttons that:

✦ Look great in dark mode
✦ Are CSS-compatible

🧵👇

How to create a Glowing Strokes in Figma?

Thread: 🧵

Animation tutorial by <n>Chris Moran</n> on integrating textures.

A <n>Figma</n> tutorial for creating a gradient graphic with the <n>BlendingMe</n> plugin.

Started off the week with fresh Figma tutorial 👇🏻

How to curl a corner in 5sec ⏱️

+ The Feather as a Bonus 👀

It's tutorial time 🚨

A lot of people asked me for a tutorial on the SVG path animation I created in @framer, so I thought I would do a full breakdown of all of the steps I took to get it working.

Find out how below 👇🏻

A <n>web animation tutorial</n> demonstrating a mouse-over effect, designed using <n>Figma</n>.

3 reasons to start designing in sections in @figma  Today! 

With Sections, you can create more dynamic, interactive prototypes. Arranging your screens I sections will cut the time you spend on your Figma  prototypes by half. 

Secondly, When working on larger projects, designing…

Design hack I recently started implementing:

Add a 1px top drop-shadow (white) to make text look extra crispy. 👀

Then add a 1px bottom drop-shadow.

Details in the comments.

First post from the new series "Gradient Friday"

Tutorial coming tomorrow 🔜

So here is the Figma Tutorial.
Alot of you guys asked about this button design. So, here is the quick tutorial for it.

Check Threads 👇

A demonstration of the <n>Liquid Glass</n> React component by <n>Max Rovensky</n>.

🚀 Use Liquid Glass in your React apps NOW!

npm install liquid-glass-react

(nicer pkg names squatted by @Baconbrix sry)

Supports ✨ correct ✨ edge bending, arbitrary children, chromatic aberration and more!

Live Demo:

Code:

I need to talk about this. 🚨

Just tried FLORA, and… mind-blowing 
This isn’t hype This is a total workflow revolution