DEV Community: soudemy

🎨 Top 10 Figma Plugins Every Designer Should Know

soudemy — Wed, 23 Apr 2025 19:03:45 +0000

Over the years, I've worked on dozens of UI/UX projects, and these plugins have consistently saved me time and helped improve design quality.
🔧 Here are my top picks:
Unsplash – Free stock images, right inside Figma
Iconify – Access to thousands of icons in one place
Autoflow – Quickly draw flows between objects
Stark – Accessibility and contrast checker
Master – Sync components like a boss
Content Reel – Add text, avatars, and more, fast
Feather Icons – Clean, open-source icon set
Find and Replace – Edit text across pages in seconds
LilGrid – Organize your layers with clean layout grids
Blobs – Fun, organic shapes for illustrations and backgrounds
💡 Whether you're building wireframes or polishing your final design, these tools will make your Figma workflow faster and more enjoyable.
🛠 Which plugin is your favorite? Let me know 👇
hashtag#Figma hashtag#UIDesign hashtag#UXDesign hashtag#ProductDesign hashtag#DesignTools hashtag#FigmaPlugins

Being a UI/UX designer is not just about creating pretty screens

soudemy — Tue, 15 Apr 2025 18:28:54 +0000

🧠 Being a UI/UX designer is not just about creating pretty screens.

One of the biggest challenges I’ve faced (and I know many of you have too) is misalignment with clients.
Sometimes they want a full redesign in 24 hours, sometimes they send a sketch on a napkin and call it a “brief.”
And don’t even get me started on feedback like:

“It just needs to pop more.”
“Make it more Apple.”
“My cousin said it doesn’t look premium.”

Here’s the thing: good design takes collaboration, not magic.
It’s about understanding goals, solving problems, and yes — pushing back (respectfully) when needed.

✨ To all the clients out there:
Trust your designer. Ask questions. Share context. And remember, design is not decoration — it’s communication.

💬 If you’re a designer, what’s the wildest feedback you’ve ever received?
Let’s share and laugh (or cry) in the comments 😅👇

uiux #uxdesign #clientsfromhell #designprocess #productdesign #uxhumor

Business Management SaaS platform

soudemy — Tue, 15 Apr 2025 11:57:17 +0000

Excited to share the final UI/UX design I created for a Business Management SaaS platform. Had a great time working on clean layouts and smart UX!

Welcome Back! Introducing Myself with Voice & Face | My Journey & What's Next

soudemy — Sun, 13 Oct 2024 16:16:23 +0000

Hey everyone! I'm thrilled to be back on YouTube after a short break. For those who are new here, I'm Hoj Bandani, a full-time UI/UX designer with over 7 years of experience. Today, I'm excited to introduce myself not just through my designs, but also with my voice and face. This change will help me connect with you on a more personal level and make our learning journey together even more interactive. In the coming weeks, you'll see a mix of in-depth tutorials, live design sessions, and even some programming content to complement your design skills. So make sure to hit that subscribe button and join our growing community. Let's dive back into the world of design together!

How to create a simple splash screen in Figma

soudemy — Wed, 17 Jan 2024 09:04:23 +0000

Creating a simple splash screen in Figma is a straightforward process. Follow these steps to design an engaging splash screen for your project:

Open a New Figma File:
Launch Figma and create a new file to start your design.

Choose Artboard Size:

Select an artboard size that suits your application or platform. Common sizes for splash screens are often based on standard screen dimensions.

Design Background:

Design the background of your splash screen. Consider using brand colors or visuals that represent your app’s identity.

Add Logo and Branding:

Integrate your app’s logo and any additional branding elements. Ensure the placement aligns with design principles and maintains a clean look.

Incorporate Text:

Include any necessary text elements, such as the app name or a brief tagline. Choose a font style that complements your app’s overall aesthetic.

Consider Animation (Optional):

If desired, you can add simple animations or transitions to make your splash screen more dynamic. Figma allows you to experiment with animations to enhance the user experience.

Test Responsiveness:

Ensure your splash screen design is responsive and looks good on various screen sizes. Figma’s layout tools can assist you in achieving this.

Preview and Share:

Utilize Figma’s preview mode to see how your splash screen will appear in action. Additionally, you can share the design with others for feedback by generating a shareable link.

Iterate and Finalize:

Based on feedback and your own assessment, make any necessary adjustments to refine the design. Once satisfied, your simple splash screen is ready for implementation in your application.
Remember, simplicity and clarity are key in a splash screen, as it serves as the first impression for users.

Dark + Light Mode Single-click translation | Figma Tutorial

soudemy — Mon, 25 Dec 2023 14:58:52 +0000

Transform your digital presence with our seamless UI/UX, frontend, backend, and app development expertise.
Contact us today to discuss your project and discover how we can help you achieve your digital goals.
https://wa.me/+989389390860 | hojjat.bandani@gmail.com

Hi guys, today we want to show Dark + Light Mode Single-click translation | Figma TutorialPlease, if you love it, support us with Like & Subscribe.🙏🙏❤️❤️

Let's be friends and connect
📩 Subscribe:https://shorturl.at/BCTV8
📷 Instagram: https://www.instagram.com/soudemy/
📱 Behance: https://www.behance.net/soudemy
🐦 Twitter: https://twitter.com/SoudemyAcademy

In the comments, you can say what design you want so that we can prepare the video for you.

figma #figmadesign #figmatutorial #tutorial #figmatips

Agency Video Landing Page UI Design in Figma From Scratch

soudemy — Mon, 11 Dec 2023 04:39:32 +0000

Hi guys, today we want to show Agency Video Landing Page UI Design in Figma From Scratch
Please, if you love it, support us with Like & Subscribe.🙏🙏❤️❤️

Let's be friends and connect
📩 Subscribe:https://shorturl.at/BCTV8
📷 Instagram:

/ soudemy

📱 Behance: https://www.behance.net/soudemy
🐦 Twitter:

/ soudemyacademy

In the comments, you can say what design you want so that we can prepare the video for you.

figma #figmadesign #figmatutorial #tutorial #figmatips

6-Minute Landing Page Design in Figma | Figma for beginners

soudemy — Tue, 14 Nov 2023 15:36:30 +0000

Hi guys, today we want to show 6-Minute Landing Page Design in Figma | Figma for beginners
Please, if you love it, support us with Like & Subscribe.🙏🙏❤️❤️

In the comments, you can say what design you want so that we can prepare the video for you.

figma #figmadesign #figmatutorial #tutorial #figmatips

Transcript

Storage App UI Design in Figma | Figma tutorial for beginners

soudemy — Sat, 28 Oct 2023 09:22:35 +0000

In this tutorial, we will guide you through the process of designing a Storage App User Interface (UI) using Figma. Figma is a popular cloud-based design tool that allows designers to collaborate, prototype, and create stunning interfaces. Whether you're a beginner or have some design experience, this tutorial will help you grasp the fundamentals of Figma and create a visually appealing UI for a Storage App.

Step 1: Setting Up Figma:
Begin by creating an account on Figma's website and logging in. Once you're in the Figma workspace, create a new project and select the device type for your UI design, such as a smartphone or tablet.

Step 2: Understanding the Design Elements:
Before diving into the actual design, it's important to familiarize yourself with the design elements commonly used in UI design. These include buttons, text fields, icons, navigation bars, and more. Figma provides an extensive library of pre-made design elements that you can use or customize to suit your needs.

Step 3: Creating the Wireframe:
A wireframe is a basic visual representation of your app's layout and structure. Start by sketching out the key components and screens of your Storage App, such as the login screen, file browsing screen, and settings screen. Create frames in Figma for each of these screens and arrange them in a logical flow.

Step 4: Designing the Login Screen:
Begin with the login screen, which is often the entry point for users. Use Figma's vector editing tools to create a visually appealing login form, including input fields for username and password, and a login button. Pay attention to typography, color schemes, and spacing to ensure a clean and intuitive design.

Step 5: Designing the File Browsing Screen:
Move on to the main screen of your Storage App, where users can browse and manage their files. Use Figma's layout grids and alignment tools to create a well-organized and visually balanced interface. Include elements like file icons, file names, file types, and sorting options. Consider incorporating features like search functionality and file preview, if applicable.

Step 6: Designing the Settings Screen:
The settings screen allows users to customize various aspects of the app. Create a clean and simple interface with sections for account settings, notification preferences, and other relevant options. Use Figma's component feature to ensure consistency across your design and make it easier to update in the future.

Step 7: Adding Visual Enhancements:
Once the core screens are designed, it's time to add visual enhancements to make your Storage App UI more engaging. Experiment with color schemes, gradients, shadows, and typography to create a visually pleasing and cohesive design. Use Figma's prototyping feature to link the screens together and create interactive transitions.

Step 8: Collaborating and Sharing:
Figma allows for seamless collaboration with team members and stakeholders. Invite others to your project, gather feedback, and make necessary revisions. Once you're satisfied with the design, you can easily share the prototype with others for testing and feedback.

Conclusion:
Designing a Storage App UI in Figma is an exciting and rewarding process. By following this beginner-friendly tutorial, you've learned the essential steps to create a visually appealing and user-friendly interface. Remember to leverage Figma's powerful features, experiment with design elements, and seek feedback to continuously improve your UI design skills. Happy designing!

Landing page UI Design In Figma | Figma tutorial for beginners

soudemy — Wed, 18 Oct 2023 12:45:30 +0000

In this fast-paced and concise 6-minute Figma speed art, witness the creation of a stunning and user-friendly digital marketing landing page UI design. Experience the power of Figma as the design tool of choice as the process unfolds right before your eyes.

Discover expert techniques and strategies employed by the designer to craft an engaging and visually appealing interface. From selecting the perfect color palette to creating compelling layouts, every step is executed with precision and efficiency.

Witness the fusion of creativity and functionality as the digital marketing landing page takes shape, catering to the needs of users and driving conversions. Gain inspiration from the seamless integration of graphics, typography, and interactive elements, all carefully orchestrated to create an immersive user experience.

Whether you're a seasoned designer seeking new insights or a curious enthusiast exploring the world of UI design, this 6-minute Figma speed art is sure to captivate and inspire. Witness the magic of rapid prototyping and witness how a well-crafted landing page can be brought to life in just a matter of minutes.

Metaverse UI Design In Figma | Figma Tutorial For Beginners

soudemy — Sat, 07 Oct 2023 13:00:38 +0000

Hi guys, today we want to show Metaverse UI Design In Figma | Figma Tutorial For Beginners
Please, if you love it, support us with Like & Subscribe.🙏🙏❤️❤️

In the comments, you can say what design you want so that we can prepare the video for you.

figma #figmadesign #figmatutorial #tutorial #figmatips

7-Minute Figma Speed Art: Delivery Landing Page UI Design

soudemy — Sun, 24 Sep 2023 09:45:12 +0000

Welcome to our 6-Minute Figma Speed Art video, where we dive into the exciting world of UI design! In this fast-paced tutorial, we'll take you on a creative journey as we craft a stunning Delivery Landing Page UI Design using Figma, the industry-leading design tool.

Watch as our expert designer demonstrates their skills and expertise, showcasing the entire design process in just six minutes. Whether you're a seasoned designer looking to enhance your UI skills or a beginner eager to learn the ropes, this video is perfect for you.

With search engine optimization (SEO) in mind, we've carefully crafted this video to provide valuable insights and practical tips that will help you optimize your UX skills. From color palette selection to typography choices, we'll walk you through every step, explaining the reasoning behind each design decision.

By the end of this tutorial, you'll have a solid understanding of how to create a captivating Delivery Landing Page UI Design that grabs users' attention and enhances their overall experience. Our goal is to equip you with the knowledge and confidence to design high-converting landing pages that drive engagement and conversions for your projects.

Don't miss out on this opportunity to level up your UI design skills in just six minutes! Hit the play button now and embark on an exciting journey towards becoming a masterful UI designer with Figma.

Subscribe to our channel for more inspiring content and stay tuned for future speed art videos that will empower you to create remarkable user experiences. Start your journey today and let your creativity soar!

FigmaSpeedArt #UIDesignTutorial #DeliveryLandingPage #UXSkills