28
17 459

Effortless Thumbnail Resizing: A Free Figma Plugin Demo

1:00

Mastering UI Recreation: Rebuilding a Sleek Charging App in Figma

1:21:41

Advanced Prototyping with Figma's New Variables and Conditionals

4:12

Mastering Framer AI: Unleash Your Creative Portfolio in 30s!

3:21

Fix Optimization Issues: Eliminate Warning Errors from Nested Links with These Simple Tips

1:15

Framer Tutorial: Setting up Active and Inactive Icon States in Navigations with Figma Import

10:32

Web 3 redesign roast

A detailed redesign walkthrough addressing three main issues with a Web3 platform:
- Busy background issue
- Visual hierarchy improvements
- Value proposition clarity
Watch as I transform a cluttered design into a clean, minimal layout while maintaining the Web3 aesthetic. I'll show you my process for:
- Setting up the grid system
- Implementing a clear navigation bar
- Adding social proof elements
- Creating glass effects
- Using gradients effectively
Want your design roasted? Drop a link in the comments or send me a screenshot!
#WebDesign #UIDesign #DesignRoast #Web3

Відео

Effortless Thumbnail Resizing: A Free Figma Plugin Demo

1:00

Effortless Thumbnail Resizing: A Free Figma Plugin Demo

Переглядів 312 місяці тому

Discover the power of simplicity with our free Thumbnail Resizer plugin for Figma! This 59-second demo showcases how you can streamline your workflow and resize images for various social media platforms in just a few clicks. Key Features: Intuitive, mobile-inspired interface Pre-set sizes for popular social media platforms Custom size creation and saving Batch processing capabilities Perfect fo...

Mastering UI Recreation: Rebuilding a Sleek Charging App in Figma

1:21:41

Mastering UI Recreation: Rebuilding a Sleek Charging App in Figma

Переглядів 963 місяці тому

In this tutorial, we'll dive deep into the mindset and process of recreating an existing UI design in Figma BY Daniel Oburu ( x handle: x.com/uikingdenis ). We'll use a stylish charging app interface as our example, walking you through each step of the recreation process. You'll learn how to: - Analyze and break down the original design - Set up your Figma file for efficient workflow - Recreate...

Advanced Prototyping with Figma's New Variables and Conditionals

4:12

Advanced Prototyping with Figma's New Variables and Conditionals

Переглядів 137Рік тому

Discover the power of Figma's latest feature update: Variables and Conditionals! Join us as we dive into the world of advanced prototyping and learn how these new capabilities can revolutionize your design process. From dynamic content to interactive experiences, Figma empowers you to create prototypes that truly come to life. Stay ahead of the curve and unlock a whole new level of design possi...

Mastering Framer AI: Unleash Your Creative Portfolio in 30s!

3:21

Mastering Framer AI: Unleash Your Creative Portfolio in 30s!

Переглядів 426Рік тому

In this exciting tutorial, we dive into the world of Framer AI, a powerful tool for creating stunning portfolios in just 30 seconds! Whether you're a designer, developer, or aspiring creative professional, Framer AI empowers you to showcase your work with ease and style. Join us as we explore the intuitive features, customizable templates, and seamless integrations that make Framer AI the go-to...

Fix Optimization Issues: Eliminate Warning Errors from Nested Links with These Simple Tips

1:15

Fix Optimization Issues: Eliminate Warning Errors from Nested Links with These Simple Tips

Переглядів 1,3 тис.Рік тому

Want to create a framer account? Use this referral link: www.framer.com?via=adebimpeomolaso Get the remix link of the file for free here: framersites.lemonsqueezy.com/checkout/buy/eac5449c-5f07-4626-b9a1-674e0d8a5b21 If you're struggling with warning errors and optimization issues due to nested links on your website, this video is for you! In this tutorial, we'll show you how to fix this common...

Framer Tutorial: Setting up Active and Inactive Icon States in Navigations with Figma Import

10:32

Framer Tutorial: Setting up Active and Inactive Icon States in Navigations with Figma Import

Переглядів 3,8 тис.Рік тому

Link to the next video: ua-cam.com/video/hoJMCpAqDOs/v-deo.html In this tutorial, you'll learn how to set up active and inactive icon states in your navigations in Framer using imported icons from Figma. This technique is perfect for creating dynamic and visually appealing navigations that keep your users engaged and make it easy for them to navigate your content. The tutorial covers everything...

Framer Tutorial: How to Create a Scrollable Navigation Sidebar with Dynamic Scroll Position Control

15:06

Framer Tutorial: How to Create a Scrollable Navigation Sidebar with Dynamic Scroll Position Control

Переглядів 5 тис.Рік тому

Link to how i setup the Icons video: ua-cam.com/video/F6bFam3RI88/v-deo.html In this tutorial, you'll learn how to create a scrollable navigation sidebar that affects the scroll position of elements within the screen using Framer. This technique is perfect for creating dynamic navigation menus that let your website visitors explore your website in a unique and intuitive way. The tutorial covers...

Creating a High-Converting Lead Modal with Framer: Step by Step Tutorial

3:23

Creating a High-Converting Lead Modal with Framer: Step by Step Tutorial

Переглядів 1,1 тис.Рік тому

In this tutorial, you will learn how to create a stunning lead modal using Framer, the powerful design tool for digital products. With this modal, you can easily capture leads and grow your business. Whether you are a designer or a marketer, this tutorial will show you the process of creating a lead modal from start to finish, step by step. So, get ready to learn how to create a converting lead...

Convert Your Figma Portfolio Design into a Website with Framer - Tutorial

2:09

Convert Your Figma Portfolio Design into a Website with Framer - Tutorial

Переглядів 3 тис.Рік тому

Learn how to convert your Figma portfolio design into a fully functional website with Framer! In this tutorial, we'll show you step-by-step how to bring your design to life. Follow along and start showcasing your work online in no time. The registration Link: www.framer.com?via=adebimpeomolaso #Figma #Framer #WebDesign #Tutorial #PortfolioDesign #UI #UX