DesignWithArash
DesignWithArash
  • 72
  • 6 040 854
Wix Studio CMS for Beginners 2024 (Crash Course)
In this video, I'm going to show you how to make dynamic pages using Wix Studio CMS in just 20 minutes.
Check out Wix Studio👇:
www.wix.com/studio/cms
📸 Instagram: uiux.arash
Who is Arash Ahadzadeh? Well, I'm a UI/UX designer and a university instructor with 10+ years of experience, and I teach people how to design great user interfaces and experiences. I've helped over 40,000 students become UI/UX designers from scratch worldwide.
zhlédnutí: 606

Video

Figma Updates 2024: Figma AI + Figma Slides
zhlédnutí 38KPřed 2 měsíci
In this video, I'll walk you through all the exciting new features Figma released in Figma Config 2024 and show you how to use them in your designs. 👉 Become a Pro UI Designer with my UI Design & Figma Mastery course: bit.ly/43v79vX 📸 Instagram: uiux.arash Who is Arash Ahadzadeh? Well, I'm a UI/UX designer and a university instructor with 10 years of experience, and I teach people...
This Figma Trick Will Make Your Buttons 100x Better | Figma Tutorial
zhlédnutí 5KPřed 2 měsíci
The first 500 people to use my link will receive a one-month free trial of Skillshare: skl.sh/designwitharash06241 In this video, I'm going to show you how to create an animated glowing button in Figma using interactive components. 👉 Become a Pro UI Designer with my UI Design & Figma Mastery course: bit.ly/43v79vX 📸 Instagram: uiux.arash Who is Arash Ahadzadeh? Well, I'm a UI/UX d...
Create Animated Bento Cards in 9 Minutes | Figma Tutorial (+ Practice File)
zhlédnutí 6KPřed 2 měsíci
Bring your design visions to life: www.protopie.io/plans Use the ARASH coupon to get 10% OFF. In this video, I'll walk you through animating bento grid cards using Figma interactive components. Download the practice file from here: (copy the frames and paste them into a new file)👇 bit.ly/3ySruBY 👉 Become a Pro UI Designer with my UI Design & Figma Mastery course: bit.ly/43v79vX 📸 Instagram: ins...
This Technique Will Make Your Figma Animations 100x Better | Figma Tutorial
zhlédnutí 10KPřed 3 měsíci
The first 500 people to use my link will receive a one-month free trial of Skillshare: skl.sh/designwitharash05241 In this video, I'll show you how to quickly turn your Figma card animations into advanced, smooth animations. 👉 Become a Pro UI Designer with my UI Design & Figma Mastery course: bit.ly/43v79vX 📸 Instagram: uiux.arash Who is Arash Ahadzadeh? Well, I'm a UI/UX designer...
Figma Tutorial: 3D Isometric Animation in 6 Minutes
zhlédnutí 10KPřed 3 měsíci
Convert your design into code here: www.pixelfreestudio.com Use the AR10 coupon to get 10% OFF. In this video, I'm going to show you how to create a 3D animation in Figma using interactive components. 👉 Become a Pro UI Designer with my UI Design & Figma Mastery course: bit.ly/43v79vX 📸 Instagram: uiux.arash Who is Arash Ahadzadeh? Well, I'm a UI/UX designer and a university instru...
Responsive Typography With Variables | Figma Tutorial
zhlédnutí 25KPřed 4 měsíci
In this video, I'm going to show you how to make your typography responsive using Figma variables. 👉 Become a Pro UI Designer with my UI Design & Figma Mastery course: bit.ly/43v79vX 📸 Instagram: uiux.arash Who is Arash Ahadzadeh? Well, I'm a UI/UX designer and a university instructor with 10 years of experience, and I teach people how to design great user interfaces and experienc...
Full Page Scroll Animation in 10 Minutes | Figma Tutorial
zhlédnutí 24KPřed 4 měsíci
Sign up to Milanote for free with no time limit: milanote.com/designwitharash In today's video, I'm going to show you how to create a full-page scroll animation in Figma without a Scroll trigger. You can get a copy of the practice file from here👇: bit.ly/4cS1iHb 👉 Become a Pro UI Designer with my UI Design & Figma Mastery course: bit.ly/43v79vX 📸 Instagram: uiux.arash Who is Arash...
Animated Dropdown Menu in Figma With Variables | Figma Tutorial
zhlédnutí 13KPřed 4 měsíci
Check Out BeamJobs and Create your UI/UX Design Resume: www.beamjobs.com/resumes/ui-ux-designer-resume-examples?via=arash In this video, I'm going to show you how to create an animated dropdown menu in Figma using Figma variables. You can get the flags from here: bit.ly/3PMo74R 👉 Become a Pro UI Designer with my UI Design & Figma Mastery course: bit.ly/43v79vX 📸 Instagram: uiux.ar...
Multi-edit: New Figma Update (2024) | Figma Tutorial
zhlédnutí 34KPřed 5 měsíci
In this video, I'm going to walk you through the newest Figma feature called multi-edit. 👉 Become a Pro UI Designer with my UI Design & Figma Mastery course: bit.ly/43v79vX You can get a copy of the practice file from here👇: bit.ly/3T9T1oV 📸 Instagram: uiux.arash Who is Arash Ahadzadeh? Well, I'm a UI/UX designer and a university instructor with 10 years of experience, and I teach...
Figma to Wix Studio: Build a Responsive Website Step-by-Step
zhlédnutí 18KPřed 6 měsíci
In this video, I'm going to show you how to convert your Figma design to a fully responsive website using Wix Studio. Check out Wix Studio👇: www.wix.com/studio You can download the assets from here👇: bit.ly/3Tc9km6 @WixStudio 📸 Instagram: uiux.arash Who is Arash Ahadzadeh? Well, I'm a UI/UX designer and a university instructor with 10 years of experience, and I teach people how to...
Create a Responsive Bento Grid for Web & UI Design | Figma Tutorial
zhlédnutí 32KPřed 6 měsíci
In this video, I'm going to walk you through creating a responsive Bento Grid in Figma. 👉 Become a Pro UI Designer with my UI Design & Figma Mastery course: bit.ly/43v79vX 📸 Instagram: uiux.arash Who is Arash Ahadzadeh? Well, I'm a UI/UX designer and a university instructor with 7 years of experience, and I teach people how to design great user interfaces and experiences. I've hel...
Top 10 Figma Plugins for UI/UX Designers in 2024
zhlédnutí 49KPřed 7 měsíci
In this video, I'm going to show you the top 10 Figma plugins that will 10X your workflow. 👉 Become a Pro UI Designer with my UI Design & Figma Mastery course: bit.ly/43v79vX 📘 Get my FREE UI/UX Design e-book here👇: bit.ly/45KHoKJ 📸 Instagram: uiux.arash Who is Arash Ahadzadeh? Well, I'm a UI/UX designer and a university instructor with 10 years of design experience, and I teach p...
If I started UI/UX Design in 2024, I'd Do This!
zhlédnutí 227KPřed 8 měsíci
In this video, I'm going to share with you a complete guide to becoming a UI/UX designer in 2024. 👉 Become a Pro UI Designer with my UI Design & Figma Mastery course: bit.ly/43v79vX 📘 Get my FREE UI/UX Design e-book here👇: bit.ly/4fuWnNI 📸 Instagram: uiux.arash Who is Arash Ahadzadeh? Well, I'm a UI/UX designer and a university instructor with 8 years of experience, and I teach pe...
Figma Tutorial: Advanced Prototyping With Variables (+ Practice File)
zhlédnutí 52KPřed 9 měsíci
👉 Become a Pro UI Designer with my UI Design & Figma Mastery course: bit.ly/43v79vX In this crash course, I'll show you how to create advanced prototypes in Figma using variables. Get a copy of the practice file from here: bit.ly/47GZz3L 📸 Instagram: uiux.arash Who is Arash Ahadzadeh? Well, I'm a UI/UX designer and a university instructor with 7 years of experience, and I teach pe...
Master Wix Studio Animations and Interactions
zhlédnutí 6KPřed 9 měsíci
Master Wix Studio Animations and Interactions
Horizontal and Vertical Scroll in Figma | Figma Tutorial
zhlédnutí 40KPřed 10 měsíci
Horizontal and Vertical Scroll in Figma | Figma Tutorial
Wix Studio Crash Course for Beginners 2024
zhlédnutí 92KPřed 10 měsíci
Wix Studio Crash Course for Beginners 2024
4 Figma Variables Updates You Probably Overlooked | Figma Tutorial
zhlédnutí 8KPřed 11 měsíci
4 Figma Variables Updates You Probably Overlooked | Figma Tutorial
Figma Tutorial: Master Figma Dev Mode in 8 Minutes
zhlédnutí 36KPřed 11 měsíci
Figma Tutorial: Master Figma Dev Mode in 8 Minutes
Make Your Web Design Responsive Using Variables | Figma Tutorial
zhlédnutí 61KPřed 11 měsíci
Make Your Web Design Responsive Using Variables | Figma Tutorial
Export Figma Animations with a Single Click | Figma Tutorial
zhlédnutí 63KPřed rokem
Export Figma Animations with a Single Click | Figma Tutorial
New Course: UI Design & Figma Mastery
zhlédnutí 31KPřed rokem
New Course: UI Design & Figma Mastery
Figma Tutorial: Use Figma Variables Like a Pro (+ Practice File)
zhlédnutí 300KPřed rokem
Figma Tutorial: Use Figma Variables Like a Pro ( Practice File)
Figma Auto Layout Updates (2023) | Figma Tutorial
zhlédnutí 109KPřed rokem
Figma Auto Layout Updates (2023) | Figma Tutorial
Animate Charts in Figma Like a Pro | Figma Tutorial
zhlédnutí 23KPřed rokem
Animate Charts in Figma Like a Pro | Figma Tutorial
State Management in Figma (New Prototyping Feature) | Figma Tutorial
zhlédnutí 15KPřed rokem
State Management in Figma (New Prototyping Feature) | Figma Tutorial
Figma Carousel Animation in 8 Minutes
zhlédnutí 82KPřed rokem
Figma Carousel Animation in 8 Minutes
I Animated a 3D Render in Figma in 10 Minutes (Step-by-Step Tutorial)
zhlédnutí 41KPřed rokem
I Animated a 3D Render in Figma in 10 Minutes (Step-by-Step Tutorial)
Figma Tutorial: Master The Figma Pen Tool (2024)
zhlédnutí 67KPřed rokem
Figma Tutorial: Master The Figma Pen Tool (2024)

Komentáře

  • @jasonprentice-d2s
    @jasonprentice-d2s Před 6 hodinami

    Excellent job explaining the use of auto layout. I really appreciate how easy it was to follow along after struggling to keep up with other auto layout tutorials. Thanks.

  • @faki0006
    @faki0006 Před 15 hodinami

    Great video however, the method you are following is specific to you as you are using spacing-xs or border-xs as semantic tokens without tha naming convention. You just named them as primitives

  • @mankajr2
    @mankajr2 Před 21 hodinou

    My button is not responsive and auto layout is not working maybe please make me more tutorial

  • @ThisandThatNorthwest

    Did you talk about dynamic pages? Is there another video of yours that touches on that? Thanks

  • @Pondering_Wisdom
    @Pondering_Wisdom Před dnem

    Nothing happens even follow the whole video and made auto layout in every section of screen :( dissapointemet

  • @anabiatv129
    @anabiatv129 Před dnem

    Those images where from you downloaded?

  • @MayurCreativeStudio

    The Tutorial is Really Good But It is Very Tough

  • @alexander_stark
    @alexander_stark Před dnem

    Wix was popular in the early 10s in Russia.

    • @shketrap
      @shketrap Před dnem

      Крокус это Таджикистан

  • @farzadjahanfard
    @farzadjahanfard Před 2 dny

    Hello Arash hope you are doing well . for a Ux portfolio do you recommend framer or wix or something else ?? ❤

  • @deekshar910
    @deekshar910 Před 2 dny

    Hi, I have a question. Should we set all elements to auto layout within the frame before using breakpoints?

  • @samgosah
    @samgosah Před 2 dny

    Thank you so much, Arash. You always make the most difficult things look so easy. I've learned so much from you. Love you skillshare classes btw.😊😊♥

  • @abhichatterjee9064
    @abhichatterjee9064 Před 2 dny

    Awesome tips....thank you

  • @---iy8xz
    @---iy8xz Před 2 dny

    19:19 they are combined but still can be adjust seperately 25:00 auto layout to make it responsive 28:25

  • @Davina100
    @Davina100 Před 3 dny

    So this is total how developers and designers use dev mode of Figma?? Thank you Arash you made it pretty easy to understand 😊

  • @imangheisari
    @imangheisari Před 3 dny

    Thanks

  • @avgenjy
    @avgenjy Před 3 dny

    I thought the free book will just be a few pages I was shookt XD thank you!!! It's very helpful!

  • @Achiadk
    @Achiadk Před 4 dny

    Thank you very much!!!!!

  • @dhavalsheth6888
    @dhavalsheth6888 Před 4 dny

    I have query, There is one section it’s contain some text in mobile view i have to move that section text to another section in mobile view using javascript so how i can do in wix studio

  • @MartinVlog444
    @MartinVlog444 Před 4 dny

    thanks - great video

  • @muhammadfaris2342
    @muhammadfaris2342 Před 4 dny

    Hello, Can someone tell me why my auto layout is not working ? I applied auto layout to both the shape and the text while they are grouped together but when i edit the text the shape behind it dont not change automatically like in this video at 25 - 26 min pls help. Thank you

  • @mairamtajogi
    @mairamtajogi Před 4 dny

    I was expecting a project walkthrough so we learn while we do. No one gonna remember so much information while watching just one video.

  • @StudentsThough
    @StudentsThough Před 4 dny

    Anderson Nancy Garcia Cynthia Brown Eric

  • @SIreWalter
    @SIreWalter Před 4 dny

    As simplified as ever, thank you

  • @makii2486
    @makii2486 Před 5 dny

    Thank You Arash👏

  • @shaysframe1472
    @shaysframe1472 Před 5 dny

    Thank you you're a legend!

  • @CeciliaInacio-h9l
    @CeciliaInacio-h9l Před 5 dny

    Adorei !

  • @OlgaFedorovna
    @OlgaFedorovna Před 6 dny

    Great video thank you so much. One mistake in naming grids when you got to the Ipad frame. You meant horizontal doesn't have to change but you called it vertical, and then you called vertical a horizontal and begun changing columns size. Otherwise great pace and explanation.

    • @DesignWithArash
      @DesignWithArash Před 5 dny

      Thank you for your comment. Glad you liked it. That’s not a mistake. It’s called a horizontal grid because it lets you align content horizontally. The same thing applies to the vertical grid. It lets you align content vertically.

  • @rogermortimer111
    @rogermortimer111 Před 6 dny

    Thank you. Great and simple video.

  • @DerikT-s9p
    @DerikT-s9p Před 6 dny

    I'm sorry, but this is retarded. Done animation for web for over 15 years, and this is just crazy. I can do that with 4 lines of code

  • @morgan.shaffer.design

    very cool!

  • @user-mi2zf2gr5t
    @user-mi2zf2gr5t Před 6 dny

    No one is better than you You are the top FIGAMA TEACHER ❤

  • @nour.emostafa9320
    @nour.emostafa9320 Před 6 dny

    Great video straight to the point 👏

  • @Davina100
    @Davina100 Před 6 dny

    Hi Arash, Everything that you explain is very easy to understand. Can you please make a video on Auto layouts and Constraints of the updated version of Figma??

  • @k_sstar5645
    @k_sstar5645 Před 6 dny

    perfect tutorial👌

  • @zahid-n8p
    @zahid-n8p Před 7 dny

    Great tutorial

  • @SIreWalter
    @SIreWalter Před 7 dny

    This is good, i actually did the button design now while watching the video and got the same result. plus its my first time using figma and it feels really good to try something new, with love from Nigeria.

  • @aweebenezeroye
    @aweebenezeroye Před 7 dny

    The text paragraph is greyed white. Lack of contrast most especially for what users need to read.

  • @aweebenezeroye
    @aweebenezeroye Před 7 dny

    First, the learn more button is not framed in a box as it should. The consequence can be 1. Inability to click on the learn more text easily. 2. Lack of visual consistency among other websites which can lead to confusion.

  • @maimounah2001
    @maimounah2001 Před 7 dny

    Thank you 👍

  • @Chetanf18
    @Chetanf18 Před 7 dny

    I have started watching your channel tutorials from past 3 days, and they are amazing Arash. Your videos teaches in a clear way and easy to understand. No fancy talks, no pressure building, no show off, no hidden tricks, just pure tutorials. Just wanted to know that making designs responsive with breakpoints plugin is short, simple & fast way just to present the design roughly, right ? Or is there any connection between this tutorial and breakpoints plugin tutorial ?

  • @mujtabaghakkhar3495

    very good work brother ❤

  • @Aks_tamizhan
    @Aks_tamizhan Před 8 dny

    Inconsistent logo size and contrast

  • @jaouadbentaguena8340

    Sounds great! But is there any integration mode to publish the landing page on Shopify?

  • @aalamoghadam
    @aalamoghadam Před 9 dny

    😍

  • @KaliLamyx
    @KaliLamyx Před 9 dny

    Whouahhh ! Thanks so much !

  • @franci-uz
    @franci-uz Před 9 dny

    This is soooooo good and interessting! Do you have more of these videos?

  • @dollaya8893
    @dollaya8893 Před 9 dny

    This is helpful. Ty.

  • @MrValVet
    @MrValVet Před 9 dny

    Great tutorial, thank you!

  • @itskooki4482
    @itskooki4482 Před 9 dny

    لحجه فارسی🤝🏻