- 33
- 54 295
Aquiyah Designs
เข้าร่วมเมื่อ 1 มี.ค. 2023
Helping you become a better designer by teaching you how to create awesome designs.
Hi, I am Jacqueline, a UI Designer and Webflow Developer who love creating beautiful interfaces that make people smile.
If you're tired of bland and boring designs, you've come to the right place! This channel is all about bringing some playful creativity to the world of UI design. I'll show you how to use design principles, colors, shapes, and animations to create interfaces that not only work well but also look amazing.
Join me on this journey as I explore the wonderful world of UI design! I'll be sharing tips, tricks, and tutorials on everything from designing buttons to creating complex animations. Whether you're a beginner or an experienced designer, there's something for everyone here.
So, hit that subscribe button and let's get started on this adventure together! Who says UI design has to be boring? Let's have some fun and create some awesome designs!
Hi, I am Jacqueline, a UI Designer and Webflow Developer who love creating beautiful interfaces that make people smile.
If you're tired of bland and boring designs, you've come to the right place! This channel is all about bringing some playful creativity to the world of UI design. I'll show you how to use design principles, colors, shapes, and animations to create interfaces that not only work well but also look amazing.
Join me on this journey as I explore the wonderful world of UI design! I'll be sharing tips, tricks, and tutorials on everything from designing buttons to creating complex animations. Whether you're a beginner or an experienced designer, there's something for everyone here.
So, hit that subscribe button and let's get started on this adventure together! Who says UI design has to be boring? Let's have some fun and create some awesome designs!
Chips Slider Animation in Figma
Dive into the whimsical world of potato-inspired design with our latest creation-a playful image slider animation made entirely in Figma!
มุมมอง: 302
วีดีโอ
Creating an Eye-Catching Image Carousel for Your Fashion Website: Figma Tutorial
มุมมอง 702ปีที่แล้ว
In this Figma tutorial, we'll guide you through the process of creating an impressive image carousel for a fashion website. Whether you're a beginner or an experienced designer, this step-by-step guide will help you enhance your design skills. You'll learn how to leverage Figma's powerful features to design and prototype an image carousel that showcases your fashion products in an engaging way.
Designing A Jewelry Website In Figma: The Ultimate Guide For Beginners
มุมมอง 893ปีที่แล้ว
Unlock your potential in UI design with this comprehensive tutorial on how to design a Jewelry website using Figma. This video is a step-by-step walkthrough of a Dribbble shot, designed to introduce beginners to the world of UI design. No prior experience in Figma or UI design is required. By the end of this video, you'll have a solid understanding of Figma and the skills to create your own stu...
Design A Mobile Dial-pad Using Figma Variables: A Quick And Easy Tutorial
มุมมอง 1.3Kปีที่แล้ว
In this video, we will guide you through the process of creating a dialpad using Figma's latest feature, variables. Figma File Link: www.figma.com/community/file/1263157386735834622
Creating a Magnifying Glass Effect in Figma: Step-by-Step Tutorial
มุมมอง 979ปีที่แล้ว
To learn about Figma Variables watch: "Designing A Mobile Dialpad With Figma Variables: A Quick And Easy Tutorial" th-cam.com/video/l0wT0MwbMic/w-d-xo.html ~ In this step-by-step tutorial, you'll learn how to add a realistic magnifying glass to your Figma designs. Discover the techniques, tools, and tips you need to bring your designs to the next level. Whether you're a beginner or an experienc...
Figma Tutorial: Creating an Engaging Image Carousel Animation
มุมมอง 6Kปีที่แล้ว
To learn about Figma Variables watch: "Designing A Mobile Dialpad With Figma Variables: A Quick And Easy Tutorial" th-cam.com/video/l0wT0MwbMic/w-d-xo.html ~ In this Figma tutorial, you will learn how to create a captivating image carousel that can elevate your UI designs to a whole new level. By following along with our step-by-step instructions, you'll gain valuable insights into the design p...
Brutalism Button Hover Effect Tutorial: Create Stunning UI Designs in Figma
มุมมอง 691ปีที่แล้ว
To learn about Figma Variables watch: "Designing A Mobile Dialpad With Figma Variables: A Quick And Easy Tutorial" th-cam.com/video/l0wT0MwbMic/w-d-xo.html ~ In this Figma tutorial, you will learn how to create a captivating Brutalism button hover effect that can elevate your UI designs to a whole new level. By following along with our step-by-step instructions, you'll gain valuable insights in...
Create a Glowing Text Hover Effect in Figma: Step-by-Step Tutorial
มุมมอง 2.3Kปีที่แล้ว
To learn about Figma Variables watch: "Designing A Mobile Dialpad With Figma Variables: A Quick And Easy Tutorial" th-cam.com/video/l0wT0MwbMic/w-d-xo.html ~ In this tutorial, you will learn how to create a stunning glowing text hover effect in Figma. You'll discover how to use Figma's powerful design tools and features to create a dynamic and eye-catching effect that will help your website or ...
Figma Lottie Plugin: Create Stunning Loading Animations In Record Time!
มุมมอง 708ปีที่แล้ว
To learn about Figma Variables watch: "Designing A Mobile Dialpad With Figma Variables: A Quick And Easy Tutorial" th-cam.com/video/l0wT0MwbMic/w-d-xo.html ~ Unlock the full potential of the Figma Lottie Plugin in this comprehensive tutorial! Learn how to create a loading animation using the new Lottie export feature, and elevate your app or website design to the next level. In this step-by-ste...
How to Create an Image Carousel Animation in Figma: Step-by-Step Guide Tutorial
มุมมอง 1.3Kปีที่แล้ว
How to Create an Image Carousel Animation in Figma: Step-by-Step Guide Tutorial
Create Stunning Gradient Animations in Figma with This Step-By-Step Tutorial
มุมมอง 424ปีที่แล้ว
Create Stunning Gradient Animations in Figma with This Step-By-Step Tutorial
How to Create Button Hover Effects in Figma: Step-by-Step Tutorial
มุมมอง 10Kปีที่แล้ว
How to Create Button Hover Effects in Figma: Step-by-Step Tutorial
Creating A Rotating Image Carousel In Figma In Just 5 Minutes! (Step-by-Step Tutorial)
มุมมอง 312ปีที่แล้ว
Creating A Rotating Image Carousel In Figma In Just 5 Minutes! (Step-by-Step Tutorial)
Mastering FIgma: Loading Skeleton Screen Tutorial in Figma
มุมมอง 2.5Kปีที่แล้ว
Mastering FIgma: Loading Skeleton Screen Tutorial in Figma
Create A Stunning Flip Card Effect In Figma: Step-by-step Tutorial
มุมมอง 15Kปีที่แล้ว
Create A Stunning Flip Card Effect In Figma: Step-by-step Tutorial
Mastering Figma: Tutorial For Creating A Music Player Animation In FIgma
มุมมอง 1.4Kปีที่แล้ว
Mastering Figma: Tutorial For Creating A Music Player Animation In FIgma
Create Eye-Catching Designs with Infinite Scrolling Text - Figma Tutorial
มุมมอง 2.8Kปีที่แล้ว
Create Eye-Catching Designs with Infinite Scrolling Text - Figma Tutorial
Mastering Figma For Beginners: How to Create a Slide Up Card Hover Effects E02
มุมมอง 648ปีที่แล้ว
Mastering Figma For Beginners: How to Create a Slide Up Card Hover Effects E02
Mastering Figma: How to Create Impressive Text Hover Effects with Interactive Components
มุมมอง 469ปีที่แล้ว
Mastering Figma: How to Create Impressive Text Hover Effects with Interactive Components
OMG, I've been trying to do this on other tutorials for 2 hours and yours is the only one that worked for me. Thank you!!!!
How to export it??
Hi, Great Video so far. Can I ask you something. How can I make the String Variable empty? I had tried Backspace and deleted button, but the Text return. I just follow your guide and have stuck with this situation. Thank you by the way.
Hey Just letting you know your tutorial helped me a big deal... I have been trying to animate this effect all day for a project watched other tutorials but none of them actually worked.... But this worked... Thank yoou for making this tutorial
I tried it but mine is not working when trued prototype its showing totally black screen and now idk what to do.
With the recent Figma updates, it seems to have broken previously working prototypes. Can you share your file with me so I look through?
Nice. Great tutorial
very good tutorial! but a bit long winded
😍😍😍
Hi there! In the bonus part, once I duplicate the name card, I right click on it so I can detach instance but I don't get the option. Then I go to Object > Detach Instance but the option is greyed out. Do you know what could be happening?
Maybe it duplicates as another component instead of an instance or you probably right click on an element within the instance instead of the instance itself.
Sweeeet 🎉
It is not working :(
What is not working?
Hi @aquiyahdesigns pls try to give figma links as well it will help us a lot btw nice video. keep it up 😇
Hi, thank you. I usually include them. I will make sure to add this one to the description soon.
i cant see anything you're clicking with this video 😅
Wow ...I love your design. Thank you for sharing your design.
Thank you for watching.
thanks g! amazing explanation
Hello! Thank you for the detailed tutorial. I've been using flipping cards interactions in my eLearning projects with Articulate Storyline. My question is, do you know if it's possible to create this interaction in Figma and then import it into the Articulate Storyline projects? many thanks
Hi, I do not know what Articulate Storyline is. Is it a prototype tool like Figma? Also with Figma prototypes, you can't import the interactions, you can only screen record them. If there is another way I stand to be corrected
Thanks a lot 😊😊😊
You're welcome
👍
1:28 Button then duplicate and the position is going up like mirror (Left to Right)? I dont understand
If I get you correctly, you mean the rectangular bar thing at the edges of the button right? Once you duplicate that, you right click and flip it vertically & horizontally.
@@aquiyahdesigns but why is it not shown in the video like that. That like automatically
@@Kyutieee29 it is actually shown but I realized it goes faster so you have to pay rapt attention
Awesome
Thank you
Thanks for making this,lots of things have been covered on figma 😊😊
I'm glad you learnt something new
Cool stuff!
Great tutorial! Thank you!
You're welcome. I'm glad you found it insightful
can you make video to show every reels tutorial you are awesome ❤❤❤
Yeah I'm working on it
Thank you
really great but please consider that many of the people are learning, I found it very difficult to even copy what you did. I sugest that some concepts such as masking are needed some explanation and the purpose of it.
Great one 👌
thank you
👌
can i export it as Video?
What would you like to export as video?
Great tutorial 👏🏾👏🏾
Thank you
oh wowww,great pace at which the tut is made. Thanks for the insights
I'm glad you learnt something
Very nice my sister. Keep it up!
Thank you
This looks great. Can't wait
Good,you experimented with the variable feature. Amazing
I followed the whole tutorial, after prototyping and playing the prototype it is showing the cards side by side (not the animation), I crossed checked with the community file you have shared and it is not showing the animation there as well.
Oh really? Lemme check it out.
I just checked and it is working fine.
@@aquiyahdesigns sorry, I mistakenly opened the components file. Checked the examples in your file, its working fine. Tried again in mine and it's working. Thanks a lot for this tutorial. Keep making similar ones for newbies like me.
@@RS-te9tj it's great you've figured it out now
Great tutorial, I followed it but I think I made some mistake, both tickers are moving in the same direction.
Thank you. share your file with this email (aquiyahdesigns@gmail.com) and let me see where the problem is.
@@aquiyahdesigns thank you so much, that's so nice of you,will share it soon...
@@RS-te9tj you're welcome
Great tutorial video and the editing is well done. Showing the overlay of the keyboard shortcuts you're using is also extremely helpful 👏🏾
Thank you
Never thought this was possible. Thanks for sharing
Glad you learnt something new
And she makes it look so easy too!
You can access the Figma community file here: www.figma.com/community/file/1246461620012748899
Nicely done
thank you!
thanks
You're welcome
Morning .Please, How to import font in Figma??
So just download the font and install it on your pc then restart Figma (if you're using the desktop app).
reload the tab instead of restarting figma.@@aquiyahdesigns
Exciting lesson
Thanks for another interesting tutorial
You're welcome
Didn't know about plugins
Another banger
Taking notes
Great content. Keep it coming
Thank you.
The best UX/UI channel out here by far
Thank you!
Learning so much
I'm glad you are.
Amazing
thank you!