- Видео 85
- Просмотров 658 638
DS CODE
США
Добавлен 9 окт 2020
Captivating tutorials and insights on UI/UX, web design, and app design.
My goal is to create unique, high-quality videos that seamlessly blend creativity and education, making design concepts both educational and inspirational.
Think of these videos as your personal design school-accessible, fun, and always packed with actionable insights.
While UI/UX and design are at the heart of what I do, my hope is that anyone with a passion for creativity will find something inspiring here.
Feel free to subscribe for regular updates, free design resources, and a community of creatives just like you!
My goal is to create unique, high-quality videos that seamlessly blend creativity and education, making design concepts both educational and inspirational.
Think of these videos as your personal design school-accessible, fun, and always packed with actionable insights.
While UI/UX and design are at the heart of what I do, my hope is that anyone with a passion for creativity will find something inspiring here.
Feel free to subscribe for regular updates, free design resources, and a community of creatives just like you!
Job Finder Website Design With Scroll Animation in Figma - Prototyping Tutorial
Get ZEGOCLOUD UIKits for 10,000 free mins: bit.ly/3KJj1DR
Learn more about ZEGOCLOUD SDK: bit.ly/3XlP6cj
In this Figma UI/UX design and prototyping tutorial We're diving into a delightful journey of Figma design, crafting an effective and visually captivating job finder website landing page that will engage the audience and drive conversions.
Figma is free to use-Sign up now! (+ free files 🎁)
👉 psxid.figma.com/dkbklpwripx3
Plan your design ideas with FigJam AI-Try it now!
👉 psxid.figma.com/zj0gos3g3prm-7v0ro9
Unlock advanced features with Figma Pro!
👉 psxid.figma.com/7mhteo1pff9i-ouafk
Got questions or suggestions? Drop them in the comments below.
Want to Collaborate on a Project? Let's chat!
📩 Cont...
Learn more about ZEGOCLOUD SDK: bit.ly/3XlP6cj
In this Figma UI/UX design and prototyping tutorial We're diving into a delightful journey of Figma design, crafting an effective and visually captivating job finder website landing page that will engage the audience and drive conversions.
Figma is free to use-Sign up now! (+ free files 🎁)
👉 psxid.figma.com/dkbklpwripx3
Plan your design ideas with FigJam AI-Try it now!
👉 psxid.figma.com/zj0gos3g3prm-7v0ro9
Unlock advanced features with Figma Pro!
👉 psxid.figma.com/7mhteo1pff9i-ouafk
Got questions or suggestions? Drop them in the comments below.
Want to Collaborate on a Project? Let's chat!
📩 Cont...
Просмотров: 914
Видео
Creating an Animated Mobile App Navigation Menu Bar: UI/UX Design & Prototyping (App Sidebar)
Просмотров 2,2 тыс.2 месяца назад
Hi everyone! In this Figma prototyping tutorial We're diving into a delightful journey of Figma design, crafting an effective and visually captivating animated mobile sidebar with interactive components. Figma is free to use-Sign up now! ( free files 🎁) 👉 psxid.figma.com/dkbklpwripx3 Plan your design ideas with FigJam AI-Try it now! 👉 psxid.figma.com/zj0gos3g3prm-7v0ro9 Unlock advanced features...
Stunning Home Buying Website Landing Page Design | Figma Tutorial & UI/UX Design
Просмотров 2,5 тыс.3 месяца назад
Are you ready to design a stunning landing page for a home buying website? In this Figma tutorial We're diving into a delightful journey of Figma design, crafting an effective and visually captivating landing page that will engage audience and drive conversions. Figma is free to use-Sign up now! ( free files 🎁) 👉 psxid.figma.com/dkbklpwripx3 Plan your design ideas with FigJam AI-Try it now! 👉 p...
Loading Animation in Figma (Spinner) - Prototyping Tutorial
Просмотров 9265 месяцев назад
Hi there! In this prototyping tutorial, we'll explore creating a Loading Animation with figma interactive components. We're diving into a delightful journey of Figma design prototypes, crafting a visually stunning loading spinner. Figma is free to use-Sign up now! ( free files 🎁) 👉 psxid.figma.com/dkbklpwripx3 Got questions or suggestions? Drop them in the comments below. Want to Collaborate on...
E-Learning App UI/UX Design in Figma (Wireframe & Prototype)
Просмотров 8 тыс.5 месяцев назад
Design an immersive and user-centric E-Learning app interface from scratch with our comprehensive tutorial in Figma! We're diving into a delightful journey of Figma design, crafting a visually stunning and interactive e-learning app. Figma is free to use-Sign up now! ( free files 🎁) 👉 psxid.figma.com/dkbklpwripx3 Plan your design ideas with FigJam AI-Try it now! 👉 psxid.figma.com/zj0gos3g3prm-7...
Animated Mobile Navigation Menu Bar Design in Figma | Bottom Navbar Animation
Просмотров 2,8 тыс.6 месяцев назад
Hi everyone! In this video, we'll explore the process of creating an Animated mobile navigation menu bar with liquid animation using Figma. We're diving into a delightful journey of Figma design, crafting a visually stunning and interactive mobile navigation bar. Figma is free to use-Sign up now! ( free files 🎁) 👉 psxid.figma.com/dkbklpwripx3 Plan your design ideas with FigJam AI-Try it now! 👉 ...
Figma Slider with Carousel Animation | Landing Page UI Design | Prototype Tutorial
Просмотров 2,6 тыс.7 месяцев назад
Create an Ice Cream slider with Carousel Animation using Figma's powerful Smart Animate feature. We're diving into a delightful journey of Figma design, crafting a visually stunning and interactive Ice Cream Slider. Figma is free to use-Sign up now! ( free files 🎁) 👉 psxid.figma.com/dkbklpwripx3 Got questions or suggestions? Drop them in the comments below. Get web hosting - (Use 'DSCODE' to sa...
Forgot Password UI/UX Design and Prototyping in Figma
Просмотров 3,6 тыс.7 месяцев назад
Hi everyone! In this video, we'll explore the process of creating a secure and user-friendly password recovery experience using Figma's powerful design and prototyping features. Whether you're a seasoned Figma enthusiast or just getting started, this tutorial is designed to empower you with the skills needed to craft an intuitive and secure forgot password flow. Use Figma to design this UI/UX-S...
How to Transform Figma Designs into Real Webflow Websites with Adaptable | Figma to Webflow
Просмотров 7177 месяцев назад
Hi everyone! In this tutorial, Learn how to turn your figma designs into real webflow websites with Adaptable. If you're looking for a B2B service that elevates your Webflow development game-Adaptable is the game-changer you've been waiting for. Learn, Create, and Elevate Your Webflow Development Game with Adaptable! Get started Adaptable for free: www.adaptableco.com Timestamps: 00:00 - Intro ...
Figma Web Design: Modern Interior Design Website (+ free files 🎁)
Просмотров 10 тыс.9 месяцев назад
Hi there! In this video, we'll dive into the world of web design and create a modern and luxurious Interior Design website from scratch. Figma website design for Interior Services. Let's bring your interior design dreams to life with Figma! Get started Figma for free-Sign up now! 👉 psxid.figma.com/dkbklpwripx3 Use FigJam AI to brainstorm your design ideas-Try it now! 👉 psxid.figma.com/zj0gos3g3...
How to Add a Chatbot For Your Ecommerce Website | Integrate a Chatbot
Просмотров 3499 месяцев назад
Start for free and get 20 % Off the Tidio Premium Chatbot: www.tidio.com/get/dscode Hi everyone! In this comprehensive tutorial, learn how to integrate a chatbot for your ecommerce website using Tidio. Chatbots are a game-changer for boosting sales, capturing leads, and delivering top-notch customer service, and we'll show you how to do it step by step. By integrating a pre-made chatbot, you're...
OTP Verification App Screen UI/UX Design And Prototype | Figma Tutorial
Просмотров 5 тыс.10 месяцев назад
Create seamless UI/UX for an OTP Verification app screen using figma from a simple sketch to a fully interactive prototype with Figma Smart animate. we'll cover OTP Verification, Verification Code input, and the Verification Success screens. Watch how we connect them with Figma's prototyping for a flawless user experience. Got questions or suggestions? Drop them in the comments below ⬇ Want to ...
Code 10x Faster Using ChatGPT | Learn How to Create a Functioning Sign-Up Form With Ai
Просмотров 1,2 тыс.10 месяцев назад
In this tutorial, learn how to create a Sin-Up form using DevAssistant, a powerful AI tool designed to supercharge your coding skills. You'll discover how AI can streamline your coding experience, making it more efficient and productive. We'll guide you through the step-by-step process of building a functioning Sign-Up form from scratch and seamlessly integrating it with your backend. Discover ...
Figma Tutorial: Animated Image Carousel Slider
Просмотров 8 тыс.11 месяцев назад
Hi there! Learn how to create animated Image Carousel Slider for your landing page using figma Components and Smart animate. I'll walk you through all the steps to create this slider from a simple sketch to a fully-prototyped, eye-catching carousel slider. Image sliders are all the rage in modern web design, and we'll show you how to craft one that not only captures attention but keeps your aud...
Mobile App Design in Figma (UX/UI Design, Prototype, Export)
Просмотров 43 тыс.11 месяцев назад
In this video, we are going to learn how to design a mobile app for a travel agency in Figma from creating stunning UX/UI designs to prototyping and exporting assets for development. Have questions about figma or prototyping? Drop them in the comments below ⬇ Want to Collaborate on a Project? Let's Connect! 📩 Contact me: smartcode200@gmail.com 🎁 FREE resource file mentioned in this video (Mobil...
Animated Arc Text in Figma With Interactive Components | Figma Animations
Просмотров 463Год назад
Animated Arc Text in Figma With Interactive Components | Figma Animations
Website Design For a Restaurant in Figma (UX/UI Design)
Просмотров 4,3 тыс.Год назад
Website Design For a Restaurant in Figma (UX/UI Design)
Create a Modal Popup Using HTML, CSS and JavaScript | Animated Dialog box (Popup window)
Просмотров 654Год назад
Create a Modal Popup Using HTML, CSS and JavaScript | Animated Dialog box (Popup window)
Functional Calendar (Date picker) UI Design in Figma | Interactive Components
Просмотров 40 тыс.Год назад
Functional Calendar (Date picker) UI Design in Figma | Interactive Components
Travel Mobile App Design in Figma (UI/UX, Prototype)
Просмотров 15 тыс.Год назад
Travel Mobile App Design in Figma (UI/UX, Prototype)
Creative Loading animation | Figma Interactive Components
Просмотров 31 тыс.Год назад
Creative Loading animation | Figma Interactive Components
Landing Page Ui Design in Figma - 3D Carousel Slider
Просмотров 41 тыс.Год назад
Landing Page Ui Design in Figma - 3D Carousel Slider
Fashion Website Design in Figma | Ecommerce Website
Просмотров 54 тыс.Год назад
Fashion Website Design in Figma | Ecommerce Website
Interactive Search Bar Design in Figma
Просмотров 3,9 тыс.Год назад
Interactive Search Bar Design in Figma
How To Make A Website With Login And Signup | HTML CSS & Javascript
Просмотров 1 тыс.Год назад
How To Make A Website With Login And Signup | HTML CSS & Javascript
Food Ordering Mobile App Design in Figma | UI/UX (Wireframe, Prototype) Figma tutorial
Просмотров 123 тыс.Год назад
Food Ordering Mobile App Design in Figma | UI/UX (Wireframe, Prototype) Figma tutorial
UI/UX Design and Prototyping an E-commerce Shoe App in Figma | From Sketch to App
Просмотров 27 тыс.Год назад
UI/UX Design and Prototyping an E-commerce Shoe App in Figma | From Sketch to App
Amazing Ecommerce Website ui Design in figma | Online Shop Website Design
Просмотров 74 тыс.Год назад
Amazing Ecommerce Website ui Design in figma | Online Shop Website Design
CSS Gradient Button Animation Effects using Html & CSS | CSS Button Hover Effects
Просмотров 1 тыс.2 года назад
CSS Gradient Button Animation Effects using Html & CSS | CSS Button Hover Effects
Cake Ordering Mobile App Design in Figma | Figma Tutorial
Просмотров 19 тыс.2 года назад
Cake Ordering Mobile App Design in Figma | Figma Tutorial
Williams Sandra Lee Nancy Jones Lisa
Thanks :)
Smith Mark Thompson Ruth Allen Edward
Do you offer a Figma course?
Lopez Karen Wilson Brenda Taylor Patricia
how do you do those 5 colors to appear on your workspace
Just prepared the colors before starting the design 👌
Sir ap ne font kon sa use kia ha
Inter and Roboto
Hi, Love watching your videos, and found out this is missing. Can you design an AI chatbox using Figma and design or redesign any app Homepage or webpage and prototype, please
Of course, you can find our app design and prototyping tutorials, please check them out.
Good day Whats the license on this project? Like what are our limitations can I create a similar app design to yours?
Yes, you can use this design for any educational purposes
How to get icons
You can get the free file, please check the description
How do I integrate this prototype to my elementor website?
Hi, thanks for this tutorial! Is it possible to integrate this design to elementor pro? I've never heard of figma before!
from where did you got this 3D burger image ?
You can get them from our free file
Miller Dorothy Martinez Gary Young Betty
Gonzalez Brian Jackson Helen Johnson Robert
Brown Jeffrey Walker Nancy Martin Mark
Pls give source code pls
Check the description
I checked description but not found download link@@DSCodetech
Davis Sharon Robinson Dorothy Smith Carol
Lewis Timothy Walker Jose Allen Elizabeth
Sir couldn't find animation button
Click on the Prototype tab on the right side
Hall Gary Hernandez Michelle Thompson Barbara
Thats great, now create it in xml 😅
We make developers happy 😊
free version used ?
Yep
how did you learn figma ?
From dscode
when we create a project to our portfolio, do we need to design full pages or only important pages enough?
Main pages are enough
@@DSCodetech thank you very much
Login and signup Page not available
Yes, only main and important pages are available
how to open this fig file
You can import fig file to Figma
i need png images using this video can you plsss send it
You can get them from our free file, please check the description
Hello, I have created a food ordering design based on this video . I think that is my 2nd project .. The thing is I wanted to put this on behance.. can I ?? If you don't mind. I change as much things as possible. Even though you can still see the similarity because it's your design. that's why I want to take your permission. May I?
You can use this design for educational purposes
@@DSCodetech :') thank you for the reply.. I will not put it on behance.
Is figma premium required?
No, just the Figma free plan is enough
@@DSCodetech thanks
Can you share image file.png? Pleaseeee
Check the description for free file
GOOD JOB, Best Design.
Thank you! Cheers!
Where do you get the can from??
You can get the can from our free files
How do you group select everything like you did with name contact shop
To group select hold shift while clicking. To make a group click Cmd+G
HI,, i have a question from you ,,, the question is,, the images you use in this design such a high quality image where i get this image can you tell me please
From free image websites
Good job sir!
Thank you! Cheers!
imalso make this sam to sam but i have a probleam my fram dont show ful pic in iphone fram is this a glich or not ( reply me plz )
Maybe the image has been croped or try refreshing the prototype
Couldn't find the source for image
Please see the description
is it responsive?
Nope, we can make it responsive using Auto layout
@@DSCodetech would love a video on that ,been having troubles trying to make mobile apps responsive
We're working on it
your designs are excellent. would recommend explaining what you're doing as well, or a separate course on how you create these elements as that will help newbies. sometimes it's hard to hard to follow what is happening
Great suggestion!
great stuff! where do you get your icons?
Thanks! From our icon pack
where do you get the icons
You can get icons from our free file
@@DSCodetech thank you
Amazing
You are!
Fantastic tutorial video and very helpful. But please next time, can we have voice overs. I personally feel more comfortable following up with a tutorial when i can hear audio instructions rather than trying to follow up with controls and clicks
Ok next time
Plz give me the this portfolio use pick
You are amazing
Thank you for your kind words! 😊
where mode it
In Figma
Your first fan 😍👋so happy to discover this channel
Aw, thank you so much! 😍👋 Welcome aboard!
Прекрасная работа❤
Thank you..!
Superb ❤️
Thanks 🤗