Adi Purdila

5.09K subscribers

37 videos

Practical tutorials on Figma, Web Design, and Framer to help you level up your skills. Whether it’s quick tips or in-depth guides, I focus on delivering clea...

Latest Videos

Class trailer How to Create Animated Slides for Your Videos

How to Build a Navbar with Active Link Highlighting in Framer

Animated Buttons in Framer (Step-by-Step Tutorial)

How to Create Pinterest-Style Layouts in Framer

This AI Design Tool is Wild – Meet Recraft.ai

I Built a Web App in 10 Minutes (No Code Required)

Figma HSL Trick Easily Make Color Variations

How to Build a Button Component in Framer (With Variants + Variables)

How to Check Color Contrast in Figma Without Plugins

Things I Love About Figma (Part 1) - Resizing Shortcuts in Auto Layout

Create Responsive Typography with Figma Variable Modes

Things I Love About Framer (Part 1) - Preview Mode, Component Edit, Text Styles

How I Design 2x Faster with These 4 Figma Shortcuts

Figma Variables for Beginners – Complete Tutorial (2025)

Auto Layout Hacks Use Different Gaps Between Items

Webflow Quick Find The Key to Lightning-Fast Designs

Figma Auto Layout Wrapping A Game-Changer for Designers!

Figma Auto Layout Working with Min and Max Values

Figma Design Tips Negative Spacing & Canvas Stacking Order

Did you know you can do this in Windows Color Picker App Recommendation

Designing with Figma Landing Page for Mobile App - FREE Lesson

How to Create Beautiful Images of Your Code

How to Create Text Gradients in CSS

How to Get Free Background Gradients App Recommendation

How to Create Smooth Drop Shadows in CSS and Figma App Recommendation

How to Code a Recipe Card with HTML and CSS + FREE File Download

How to Design a Recipe Card in Figma + FREE File Download

How to Create Typographic Scales on the Web

How to Turn a Screenshot into a Browser Mockup

How to Create a Repeatable Pattern in Adobe XD