
Join the Conversation!
Subscribing gives you access to the comments so you can share your ideas, ask questions, and connect with others.
How do I remove the blur effect from my CSS?
I removed but the blur is still there. Any ideas?
filter: blur(5px);
Does work for removing blur from modals?
backdrop-filter: none;
Subscribing gives you access to the comments so you can share your ideas, ask questions, and connect with others.
Alright, now that you see why design matters — and that you definitely don’t need to be a Picasso to create , .
Let’s talk about the tool that’ll help you do just that.
If you’ve somehow been living under a code-shaped rock— Figma is a free, browser-based .
Think of it like Google Docs, but for designing user interfaces.
It’s fast, collaborative, and insanely beginner-friendly.
But I've never used Figma before. Isn't it complicated?
Here's the truth: you don't need to master Figma to use it effectively!
You just need to understand the basics. And honestly, if you can learn a new JavaScript framework, you can definitely pick up enough Figma to design your apps.
You don't need to become a Figma expert overnight. Focus on these core skills, and you'll be ready to start designing:
Spend your first day getting comfortable with the Figma environment.
Learn how to create frames (think of them as artboards or containers), add shapes and text, and navigate the interface.
Practice moving elements around and grouping them together.
Master the essential operations: resizing elements while maintaining proportions, changing colors and fonts, duplicating elements, and organizing your design with proper naming.
Most importantly, learn how to export your designs and extract CSS properties.
That's it. Seriously.
With just these basics, you can start creating functional designs for your apps.
I've handpicked two excellent YouTube tutorials that will get you up to speed quickly:
These tutorial offers a beginner-friendly UI/UX crash course using Figma, guiding you through designing a simple layout while explaining key design principles like visual hierarchy, typography, white space and other fundamentals.
It's perfect for people looking to build foundational skills with practical examples.
Both tutorials are practical, no-nonsense, and designed for people who want to start creating rather than becoming design theorists.
That’s it for now—go explore Figma a bit, and I’ll see you in the next lecture where we’ll dive into some core every developer should know.