- Видео 24
- Просмотров 66 396
Design Thinking
Добавлен 20 авг 2021
Hi! I'm A. B. Abir.
Welcome to my Channel, DESIGN THINKING.
I make videos on UI UX Design and Web Design. And make tricks and tips videos on how to make your user interface more good-looking and user-friendly. If you like my videos. I hope you will subscribe. It's 100% free 😊.
If you like my content, you can help me to continue making videos
👉 www.buymeacoffee.com/designthinking
Welcome to my Channel, DESIGN THINKING.
I make videos on UI UX Design and Web Design. And make tricks and tips videos on how to make your user interface more good-looking and user-friendly. If you like my videos. I hope you will subscribe. It's 100% free 😊.
If you like my content, you can help me to continue making videos
👉 www.buymeacoffee.com/designthinking
5 Website Strategy Plans Every Website For Business Must Have
For your website for business, if you are looking for a website strategy plan. Here is the pro advisor for you, 👇
🔗 essentialwebapps.com/website-strategy-call/
It's not going to cost you a dime.
Lots of us basically don't know that there are lots of strategies to design a highly converting website. A website that can bring you business.
Business website designing is the thought one. Because, before you start the design you have to plan the full website strategy to grow the business. To understand the website growth strategy plan. First, you need to know the plan of the businessmen.
And to make a truly engaging and foolproof website. You have to consider website accessibility. Proper web acces...
🔗 essentialwebapps.com/website-strategy-call/
It's not going to cost you a dime.
Lots of us basically don't know that there are lots of strategies to design a highly converting website. A website that can bring you business.
Business website designing is the thought one. Because, before you start the design you have to plan the full website strategy to grow the business. To understand the website growth strategy plan. First, you need to know the plan of the businessmen.
And to make a truly engaging and foolproof website. You have to consider website accessibility. Proper web acces...
Просмотров: 139
Видео
Made An Image Parallax Effect With The Help Of AI - How To Do It Like A Pro
Просмотров 7 тыс.Год назад
In this video I made a beautiful image parallax effect, using AI-generated images and text. I looked for AI images in several different tools until I find the perfect one, that in the video. These OpenAI tools are fascinating and did a mind-blowing job of creating the perfect image. I really had some fun making Figma animation. Although, I did use photoshop for this image animation. I am planni...
Lofi Hip Hop For Work Of UI UX Design | Lofi For Designers
Просмотров 472Год назад
Buy me a coffee ☕, only if you like this video of lofi hip hop for work 👉 www.buymeacoffee.com/designthinking I am a big fan of Lofi music and thought I should make my own lofi hip hop for work. I have selected these lofi work music from the broad collection. Layed the music with different other sounds to make perfect ambient. I hope you would like my efforts to make this lofi music for work fo...
Free Illustration Resources For UI Design | Website Design Resources
Просмотров 2272 года назад
I have organized the 7 best illustration websites for your next project in this video. These free illustration resources will help you to make a better portfolio website or design a better client website. Buy me a coffee ☕, only if you like this video of free illustration resources 👉 www.buymeacoffee.com/designthinking These are particular illustration for UI design only. And, some might need s...
Figma Top Plugins You Must Have | Figma Plugins Best 5
Просмотров 2562 года назад
This video is for boosting your productivity. I have listed 5 Figma top plugins with one more bonus Figma plugin for your daily workflow. By the way, these Figma plugins' best 5 are selected from my own plugins list. These top Figma plugins will help you speed up your work process and be more professional in a working environment. I will update the list every year from now on as day by day new ...
With Figma iPhone 14 Animation Of Dynamic Island | iPhone 14 Pro Max Dynamic Island
Просмотров 2392 года назад
The dynamic island of the iPhone 14 is something everyone has been looking for recently. In this video, I made the dynamic island animation in Figma. In Figma iPhone 14 animation is done after a lot's trial and error tests. And, I tried my best to match the actual animation by fine-tuning the numbers. This is a very interesting approach to product design using the iPhone punch hole display and ...
Adobe Figma Deal ...
Просмотров 692 года назад
Figma Adobe deal is the big news in the design community and developers community. Initially, both companies declared it publicly. But there are still a lot's things to know about. The Figma Adobe acquisition already happed. This video is about my initial reaction and questions about the Adobe Figma deal. And, a few info on Adobe acquire Figma news. Have a beautiful day. 😊 Connect: Email: ababi...
Make Mockups In 3D Figma | Free 3D Plugin Vectary
Просмотров 8262 года назад
In this video, I showed how to make a 3D model in Figma. Making 3D Figma is really easy using the free Figma plugin, a 3D plugin. Vectary a 3D-making software, made a free plugin for Figma to do the work easily. 3D mockup Figma design is getting popular, and 3D always gives depth to the UI Design and increase the UX experience. I hope you liked the video. Have a beautiful day. 😊 Chapters 00:00 ...
Simple Tick For image manipulation By CSS HTML | CSS Image Effects
Просмотров 2902 года назад
In this video, I made a simple text portrait effect with the help of CSS image effects. This CSS image tricks is very quick to do and can add a next-level aesthetic appeal to your web design. BTW not to mention that no Photoshop has been used for this image manipulation CSS effect. So, I hope you will watch the whole for this quick CSS trick. Have a beautiful day. 😊 Chapters 00:00 Intro 00:19 N...
Animated Website Hero Section With Figma Text Animation | No Figma Plugin
Просмотров 1,8 тыс.2 года назад
Animated website is very trendy nowadays. And, a lot of companies are preferring website animation but with a minimal design. So, this video is about the Figma animation tutorial to make an animated web design and to be specific website hero section. In this tutorial on website animation in Figma, I added a cool loading animation as well, with simple text animation. All in all, it is a minimal ...
Add Professional UI Depth | Perfecting User Interface Shadow For Depth
Просмотров 4402 года назад
In this video, I showed how to add web design depth to your UI/UX design to make it more interactive and user-friendly. UI depth is vital and sounds complicated. But, these tricks help you to understand the basics. The common concept for user interface depth is to add a user interface shadow, which is true. But UI shadow is not always the answer. To create depth UI design has lots of tricks. An...
3 Basic Prototype In Figma | Hero Slider Figma | Figma Hover Effect | Figma Scroll To Action
Просмотров 1,7 тыс.2 года назад
If you are getting into interaction design or want to make your site interactive, this basic prototype tutorial will help you. I have selected 3 basic prototype in Figma for this video. To do the prototype Figma has tons of options, that includes the smart animate. The smart animate is truly a magic wand and can do a lot if you can use it right. Hero slider Figma design is one of the most commo...
Perfect Design Using Figma Grid Layout - Grid System UI Design
Просмотров 4,4 тыс.2 года назад
In this video, I showed A to Z of the Grid system UI design. I showed the Figma grid layout but nothing different in the Adobe XD or Sketch. Buy me a coffee ☕, only if you like this video on grid system ui design 👉 www.buymeacoffee.com/designthinking Like any other industry standard software in Figma grid system setup is simple. And, for the grid system Figma has all options that you need durin...
Figma Auto Layout Update 2022 With Neo Brutalist Design Style
Просмотров 4462 года назад
In this video, I showed how to make a simple Figma auto layout card. This auto layout update design is done on the latest Figma release. If you getting into Web designing then this Figma auto layout tutorial is going to change lots of things for you. Auto layout is a feature that takes care of margins, padding, and spacing automatically once fix the numbers. I also used a very trendy design sty...
Simple Hamburger Animation In Figma | Hamburger Menu Animation
Просмотров 3,5 тыс.2 года назад
In this video, I showed how to make a simple but very trendy hamburger animation in Figma. This simple hamburger animation Figma will give you some new ideas for your next project. Buy me a coffee ☕, only if you like this video on hamburger animation figma 👉 www.buymeacoffee.com/designthinking There are several other Figma menu animations. This hamburger menu is for desktops but if you are look...
Video Game Like Button Design With Video Game Interface Design In Figma
Просмотров 2,1 тыс.2 года назад
Video Game Like Button Design With Video Game Interface Design In Figma
Make An Image Parallax Effect In Figma | Figma Coffee Shop App
Просмотров 19 тыс.2 года назад
Make An Image Parallax Effect In Figma | Figma Coffee Shop App
Let's Make A Design Brief To Customize WordPress Theme 2022
Просмотров 2552 года назад
Let's Make A Design Brief To Customize WordPress Theme 2022
Simple Figma Text Animation | Text Animation Using Figma Smart Animate
Просмотров 17 тыс.2 года назад
Simple Figma Text Animation | Text Animation Using Figma Smart Animate
Figma Button Component Variants - Create Dynamic Button In Figma
Просмотров 7992 года назад
Figma Button Component Variants - Create Dynamic Button In Figma
Button Auto Layout - Figma Auto Layout Button With Icon
Просмотров 4 тыс.2 года назад
Button Auto Layout - Figma Auto Layout Button With Icon
Learning UI UX Design is Simple - Design Thinking
Просмотров 3162 года назад
Learning UI UX Design is Simple - Design Thinking
This was SUPER helpful! Thank you for the video!
Thanks a lot; it really means lot to me 😀
The first 25 seconds already made my evening <3
And your comment made my day 🤓
amazing!! clear instructions and easy to follow. thanks
I am so happy that you liked my video. Thank you 🙏😊
Wonderful, thank you so so much 💓
@@msj8285 Thanks a lot 😊
As a student I appreciate your tutorial so much! It’s now 6am and I’m still awake. My exam is at 9am 🤡 Wish me luck :D
Best of luck 😃
Thanks a lot
Hi, I am looking to create a column grid in Figma for 4k? Do you know how, and what the measures are I would use? Thank you.
Thanks for your question. But display size after a point does not matter, such as 4K or widescreen, as long as you follow the basic rules. For example, no matter how big the screen is, if the developer uses a rem unit instead of px, it will look perfect anyway. And of course, you are not going to fill up both sides of the screen; there will be a breakpoint, that varies from device to device. You will understand this more, if you see any framework doc. You can start with this for now, getbootstrap.com/docs/5.3/layout/grid/ You will find in this doc, that the largest breakpoint is 1400px. I hope I could answer your question. And have a fantastic day. 😀
@@DesignThinking-Abir thank you very much for your help. I’ll take a look at the link.
Thank you please keep your channel alive. And keep posting more about parallax effect
Your channel is under rated! I'm thankful to discover this video and your channel thanks for sharing this, I had been trying this parallax effect. It consumes lot of time if we do it manually.
Hello, can you please create a video on how to export text animation?
Try the jitter plugin, might help, haven't seen for myself though
Hi, thanks for watching the video 😊. Unfortunately, Figma does not have the feature to export the animation natively. You have to create it using some other animation software, like Lottie
File please
Amazing !!!
Thanks a lot for your good words. It means a lot. 😀
Thanks so much! I now literally can do a parallax animation.
I am really glad that my video helped you. Thanks a lot for your good words. You can subscribe, only if you want. 😊
@@DesignThinking-Abir hello! Im having difficulty in 2 things. 1: Im doing parallax sideways (left to right) on a banner and after the banner it scrolls down with parallax. But nothing i do works. I can do left to right and i can do up and down, but when one connects to the other, doesnt work. Can you help? 2: Difficult to put a parallax figma designed into an actual funcional website. Thanks! 😀
@@erikthered8989 Hi. Please make sure if it is connected as "Smart Animate" in Figma. It's mandatory. And second, sometimes when you are designing a Parallax effect you have to understand the engineering behind. You can talk to any front end developer about it. I hope I could help. Keep designing. 😊
Luv parallax! Curious the design program you’re using?
Thanks a lot that you liked my parallax design. I am used Figma for this. 😊
It looks beautiful, I do have one question about the image, what prompt did you use to generate it and how did you get the ai to generate such a well layered image in which you could cut it out
Thanks a lot, you liked my video. For this image, I type "an ice mountain during sunrise with a river and a rocky cliff in front of it, a forest in the side, and a purple flower garden at the front." But I have tried several times to find the perfect one, on which I can do Photoshop. I hope this helped. .😊
you can generate everything in different images and cut just the parts you like and combine them too
Why do i feel like i dont wanna do this much. The developer might curse me. Lol.
At the end of the day. It's all depends on the client. And client is always right. I hope you liked my video and hope you will subscribe. 😊
Apply these tips to make the best website for business. If you want to learn to make a parallax effect on Figma, check this ➡ruclips.net/video/ldDvgrB_vs0/видео.html
This is my favourite channel. I especially like it when you explain everything so nicely. I wish you a lot of success with the channel and happy life. 😍
Thanks a brother. It means a lot 😊
I made this image parallax effect by using AI tools. Midjourney AI and Chat GPT is my favorite now. But if you have any other suggestions. Let me know 😊 5 tips for a the best website for business ➡ruclips.net/video/eIMQhMZMDUs/видео.html
hey, question.. what if i don't have to click the button? should just use after delay?
Thanks a lot for your question. Yes, you can absolutely use after delay. Here is a video doing the same, ruclips.net/video/mbysI92SWXQ/видео.html I hope you liked my videos and hope you will subscribe 😊
Awesome 😍😘😍
Thanks a lot for your support ☺️
This Lofi hip hop for work music will help you focus while designing ☺😇
Do you have link in that prototype?
Very sorry I didn't have it yet. But soon I will setup and provide the file to play around. I hope you will subscribe for future videos ☺️
where did you get the svg's images??
All of the image that I used in thia video is from freepik.com. These are all free to use vector file. I hope this helps and hope you will subscribe 😊
I watched 3 of your tutorials back to back and I gotta say you were very thorough (but not annoying) and even showed issues that might come up. A lot of other tutorials don't always explain why they do what they do, they just "do it," so thank you for explaining so well. Do you have a video that explains the different Auto Layout alignments?
First of all, I am so glad that you liked my videos. Now it seems like all my efforts in making these videos are worth it. 😊 As you asked about a video of auto layout. I hope this video might help 👇 ruclips.net/video/YQaBzhIR0Ks/видео.html
If you have anything to add to these free illustration resources, please let me know here 😊. And, don't forget to check ➡ ruclips.net/video/-J8vCw04avM/видео.html
Awesome 🎉🎉🎉
Thanks bhai 🤗
Nicely done 👍
Thanks a lot 😊
Hey man, im undergraduate student majoring in Interactive Design Media, and i gotta say ur videos help me with figma alot. Just wanna say thank you and keep up ur good work!
Thanks a lot for your good word. Comments like this really inspire me to keep going and make more videos. Thanks a lot. I really appreciate it. 😊
This "Figma Top Plugins" video will help you speed up your work process. 😊 If you want to do some speed prototyping for your urgent project, watch this ➡ ruclips.net/video/0jLo6wH96qI/видео.html
Great 👍👍👍
Thank you! Cheers! 😊
If you have any suggestions besides dynamic island animation, let me know. And, please check this video also, ➡ ruclips.net/video/MerFVNz3bfE/видео.html 😊
Hi i am abir also😊
Hi Abir, this is Abir 😊
Hii, This looks awesome but, Could it be done by using single screen? That would be very easy to make. We can add scroll effect to an elongated screen but not sure about how parallax effect will be used. Thx for vid.
Thanks a lot, you liked my video. Scroll-to-action prototyping is a good option to make this, but applying the parallax effects to it might be a bit difficult. Thanks for the suggestion. I will give it a try. 😊
This is my very first thought on the Figma Adobe deal. Please share your thoughts as well here. 😊
If you liked my video on 3D Figma modeling, then please give it a thumbs up and if you have any suggestions let me know here. 😊
Best Wishes 😍👍
Thanks a lot 😊
please sir do design tutorials in figma dont put css html codings on the day you uploaded coffee shop mobile app that day itself i am waiting for where u get that 3d coffee bags but still now u didnt upload we all designers y we need coding please put design tutorials especially in figmaa pleseeee baiya
First, thanks a lot that you liked my videos. And I am sorry that I didn't make the video on the 3D object. My next video will on the 3D objects. And, don't worry I am not going to make too much coding videos. Mostly I will make videos on UI / UX design.
Wow Awesome 😍😍😍
Thanks 🤗
I made this simple trick video with HTML CSS image effects. It's a very quick image manipulation CSS trick. If you have any suggestions, please let me know here 😊
I have designed this animated website with minimal text animation in Figma. If you have any other suggestions for me. Please let me know 😊
Wow! Amazing. keep it up.
Thanks 😊
Nice video and thanks for the help!!!
I really appreciate that you liked my video. I hope you will subscribe for upcoming videos 😊
UI depth or user interface depth of field is a vital factor to make a design user-friendly. And I hope this video helps you. If you have any confusion please let me know 😊
Awesome! keep it up.
Thanks a lot for your support 😊
great work!
I really appreciate your good words. I hope you will subscribe for more up coming videos 😊
This video is about the 3 Basic prototypes of interface design. I used Figma for this. If you think that I missed any other trick please let me know. 😊
is ka link nahi hai
Thanks a lot for your comment. And, I hope you liked my video. But, I am sorry that I didn't understand what you said. Hope you will subscribe for future videos. 😊
Nice tutorial! But may I suggest working on sound quality? Your voice volume is inconsistent and the music are relatively high.
Thanks a lot for your appreciation. And, I am aware of the poor sound quality 😅 and I am working on it. Form the next video, I hope you will get a better sound. Thanks again and I hope you will subscribe 😊
Wow Nice! Keep it up 🔥
Thanks a lot for your support. Hope we will collab soon 😊
I made this video on Grid System UI Design using Figma. If you have any suggestions or questions about it. Please feel free to use the comment section. ☺️