Yariv BE
Yariv BE
  • Видео 86
  • Просмотров 499 155
Figma tutorial: Dynamic prototyping with Variables & Modes
In this great figma tutorial we will bind variables to screen components & variants and work with two collections of variables.
So this is the plan:
1. We will bind a place content card to its variables and create the different Modes we need.
2. Bind the Place page to a different set of variables.
3. Create the dynamic prototype that will “inject” the right content to the place page according to the card we tapped on.
Sounds cool? Great! Than jump in and get to it 🙂
#yarivbe #figmaprototype #figmavariables #figmamodes #dynamicprototyping
Просмотров: 1 503

Видео

Light and Dark theme with Figma Variables
Просмотров 2,6 тыс.Год назад
In this great figma tutorial you will learn how to use Figma Variables to create a Light & Dark theme, or any other theme that you need to create.
Figma tutorial: Auto layout updates config 2023 | Wrap, Minimum width, Maximum width
Просмотров 1,4 тыс.Год назад
A figma tutorial that will take through the auto layout updates that were delivered in the figma config 2023: Wrap, Minimum width, Maximum width and how to use it in your every day UX UI If you are not familiar with auto layout at all, i strongly suggest to go through the basic understanding of it in this tutorial - ruclips.net/video/aj0McHNCeVA/видео.html #yarivbe #figma #figmatutorial #autola...
Figma tutorial: Getting into prototyping with variables and conditions | Figma 2023 updates
Просмотров 3,9 тыс.Год назад
A figma tutorial to help you getting started with understanding variables, changing values of variables with actions on the screen and conditional prototyping as well. Start making you prototypes dynamic which behave and response according to the actions of the user on the screen.
An unfixed prototyping bug in figma
Просмотров 1,4 тыс.Год назад
A prototyping bug in figma that you should know about. This bug was reported to figma, they know about it, and still, for more than 6 month (at the time that this video was made) its not being fixed. #yarivbe #figmaprototype #figma #figmatutorial
Figma Little Big updates March 23 | Prototype update | Vertical Text Trim | Luminance Mask
Просмотров 471Год назад
Learn about Figma's march 23 LIttle Big Updates: Multi-select search Luminance mask Vertical Text Trim Auto-format numbered lists typography with hanging punctuation Sticky scrolling in prototypes Expose nested instances, set preferred values for instance swaps And more...
Create cool Tab animation with this Figma tutorial! | Auto layout and Smart animate
Просмотров 17 тыс.Год назад
In this very cool figma tutorial you will learn how to create great looking tabs animation working working with Figma's Components and Variants, Auto layout, Smart animate and drag interaction! If you are not familiar with components and variants, i strongly suggest you to check out these tutorials - ruclips.net/video/f_sqdkfHShQ/видео.html (part 1) ruclips.net/video/3W6B9FsG0pE/видео.html (par...
Animated Pagination | Smart Animate Figma prototyping tutorial
Просмотров 2,7 тыс.Год назад
In this figma tutorial you will learn how to animate the pagination circles that you see usually on various type of onboarding screen, on image, ect', indicating the user how many steps / images are there. I am showing a few different ways to do that. In this tutorial i am using mainly smart animate, a bit of Auto layout and just a very simple component and its variants. If you are not familiar...
Figma tutorial: Image Carousel with Pagination
Просмотров 6 тыс.Год назад
In this great figma tutorial you will learn how to create a beautiful image carousel with pagination, meaning, an indicator that shows on which image it is on, each click. You will create interactive components and combine them to a one nested interactive component and using auto layout as well. You can download the tutorial file from here - drive.google.com/file/d/1ausu2mNI1E14VQdRql3BXq3eJQAA...
Tooltip auto layout Figma tutorial | Absolute position in Auto layout
Просмотров 3,2 тыс.Год назад
In this great figma tutorial you will learn how to create a flexible responsive to text tooltip component which you can use in your design system or any of your designs. We will work with Auto layout, absolute positioning, Component and Variants to a component. If you are less familiar with Auto layout, i suggest you see this tutorial - ruclips.net/video/aj0McHNCeVA/видео.html Components & Vari...
Infinite scroll carousel | Figma Interactive Components
Просмотров 28 тыс.Год назад
Infinite scroll carousel | Figma Interactive Components
Variant Properties Figma tutorial | Component Variants
Просмотров 1,2 тыс.Год назад
Variant Properties Figma tutorial | Component Variants
Using Images in Figma | Remove image background | Figma for beginners
Просмотров 204Год назад
Using Images in Figma | Remove image background | Figma for beginners
Figma Component updates Sep Oct 2022 | Preferred instances | Expose nested instances
Просмотров 916Год назад
Figma Component updates Sep Oct 2022 | Preferred instances | Expose nested instances
October 2022 Figma updates | Figma sections tutorial | Prototype with Video & Audio
Просмотров 2,6 тыс.Год назад
October 2022 Figma updates | Figma sections tutorial | Prototype with Video & Audio
Slot components figma tutorial
Просмотров 6 тыс.Год назад
Slot components figma tutorial
Creating Global Styles in Figma
Просмотров 1,4 тыс.Год назад
Creating Global Styles in Figma
Scroll Animation Figma tutorial | Interactive Components
Просмотров 1,8 тыс.Год назад
Scroll Animation Figma tutorial | Interactive Components
Search Bar Animation Figma tutorial | Interactive Components Prototyping
Просмотров 13 тыс.Год назад
Search Bar Animation Figma tutorial | Interactive Components Prototyping
Figma tutorial: All the ways of creating Component Variants
Просмотров 732Год назад
Figma tutorial: All the ways of creating Component Variants
Absolute position in Auto Layout | Figma Auto layout tutorial
Просмотров 6 тыс.Год назад
Absolute position in Auto Layout | Figma Auto layout tutorial
Numbers Counter Animation Figma tutorial | Numbers Slider animation
Просмотров 9 тыс.Год назад
Numbers Counter Animation Figma tutorial | Numbers Slider animation
12 Figma plugins to speed up your work
Просмотров 367Год назад
12 Figma plugins to speed up your work
Figma tutorial: E-Commerce design | ASOS product cube with Auto layout
Просмотров 1,6 тыс.Год назад
Figma tutorial: E-Commerce design | ASOS product cube with Auto layout
Figma short tutorial: CheckBox Interactive Component
Просмотров 4,5 тыс.Год назад
Figma short tutorial: CheckBox Interactive Component
Figma short tutorial: Toggle button design and interaction | Interactive Components
Просмотров 1,5 тыс.Год назад
Figma short tutorial: Toggle button design and interaction | Interactive Components
Component Properties Figma tutorial
Просмотров 1,1 тыс.Год назад
Component Properties Figma tutorial
Figma tutorial: Slide In Menu Animation | FIgma interactive components
Просмотров 2,2 тыс.Год назад
Figma tutorial: Slide In Menu Animation | FIgma interactive components
Figma short tutorial: Hover effect on a Button | Create Interactive Components
Просмотров 23 тыс.Год назад
Figma short tutorial: Hover effect on a Button | Create Interactive Components
Figma short tutorial: add Variants to Components
Просмотров 8392 года назад
Figma short tutorial: add Variants to Components

Комментарии

  • @Lara604
    @Lara604 День назад

    Been looking for a tutorial on this for so long, thank you!

    • @YarivBE
      @YarivBE День назад

      @@Lara604 Your are most welcome Lara and thanks a lot for the great feedback! I really appreciate it 🙂🔥

  • @yoadmadmoni7978
    @yoadmadmoni7978 4 дня назад

    thank you very much it was really hopeful

    • @YarivBE
      @YarivBE 3 дня назад

      You are most welcome! Thanks a lot for the great feedback - i highly appreciate it 🔥😊

  • @SrinisPhotography
    @SrinisPhotography 6 дней назад

    Mate, I'm confused on the few steps of numbers slider you copy pasted many times without clear explanation...felt not clear

    • @YarivBE
      @YarivBE 6 дней назад

      Hello mate :) Are you talking about the Tesla loading numbers? If yes, where did you get lost? At what point in time? Lets try to sort this out 🙂

  • @Corlet-b5n
    @Corlet-b5n 11 дней назад

    This is really amazing Thank you for making this video seeing how this is still relevant even after 2 years of making this video is just amazing.

    • @YarivBE
      @YarivBE 10 дней назад

      Thank you so much for this great feedback! I highly appreciate it and happy to know its helpful 🙂🔥

  • @leif3762
    @leif3762 29 дней назад

    You da man! Thanks, that absolute position is gold

    • @YarivBE
      @YarivBE 29 дней назад

      Thanks a lot for the great feedback! I highly appreciate it 🙂🔥

  • @TheElectricDark
    @TheElectricDark Месяц назад

    This really helped...I'm trying to use this effect with a beehive layout of hexagons...so when you hover over one, it expands and the surrounding hex's follow the expansion...so they move outwards in equal measurements around the shape that's been triggered. And then some text appears on the enlarged hex. Would love to know how to do this. Any tips?

    • @YarivBE
      @YarivBE 29 дней назад

      Hi there. Glad to know it helped and thank for the great feedback! I really appreciate it 🙂 To your question - I suggest you create an interactive component, having one variant with the main hexagon, text hidden, other hexagons below it, hidden of course. The second variant, hexagons are placed around it (if i understood the wanted result) and with the text on it (on the main one). Create the interaction between these two variants. I hope this helps - let me know if any further help needed.

  • @ravichandra1868
    @ravichandra1868 Месяц назад

    Incredible tutorial. Helped a lot.

    • @YarivBE
      @YarivBE Месяц назад

      Thanks a lot for the great feedback! I really appreciate it 🙂🔥

  • @GellRatcho
    @GellRatcho Месяц назад

    is this really free?? some of the option is not showing on my figma

    • @YarivBE
      @YarivBE Месяц назад

      Hi there 👋 Which options do not show on your Figma? Please explain

  • @TamannaTalan
    @TamannaTalan Месяц назад

    Great video 🙏love your small laugh in between 😊

    • @YarivBE
      @YarivBE Месяц назад

      Thanks a lot Tammana for this really great feedback! I highly appreciate it and happy to know that i also (maybe) put a smile on face - very happy if so 🙂🔥

  • @vaibhavnaik12
    @vaibhavnaik12 Месяц назад

    I have a question how do you create a component out of these, for examples if your card layout via slot can be converted to component? Also another question how many slots are recommended (side by side or up and down?

    • @YarivBE
      @YarivBE Месяц назад

      Hi there. You need to make the slot (lets say a frame) a component and put an instance of it inside the card component, one or a few. Give this instance (the place holder for another component) an "Instance swap" property (i dont know if it was that time that i created the tutorial, i guess no) and you can decide with which instance to swap it. Side by side or Up and down (Horizontal or Vertical) is totally according to what you need. Each case to itself - there isnt a rule for this. I hope it helps 🙂

  • @00hash008
    @00hash008 Месяц назад

    Thank you so much🫡 you saved my life!

    • @YarivBE
      @YarivBE Месяц назад

      Your are most welcome! Thanks a lot for the great feedback 🙂 I highly appreciate it 🔥

  • @FarukAhlat
    @FarukAhlat 2 месяца назад

    It is more difficult to watch these videos without knowing English, but I solved the problem, it was very helpful, thank you. :D

    • @YarivBE
      @YarivBE 2 месяца назад

      Thanks a lot for the great feeedbacl Faruk! I really appreciate it and happy to know it was helpful 🙂🔥

  • @mousanegm143
    @mousanegm143 2 месяца назад

    Thank you very much for this explanation But I want to make the bar not extend to either side of the page, and therefore I must make the shape that moves sideways not appear from both sides, and I did not understand the second method that I mentioned, which is at minute 11:44. Can you explain it again in detail? I want to hide the animated bar and show the icon that will appear at the top. If I activate the clip content, the icon at the top will disappear

    • @YarivBE
      @YarivBE 2 месяца назад

      Hi Mousa and thanks for the great feedback! I really appreciate it 🔥 You can take the background shape (the one i am moving), put it in its own frame, that can be with its own clip content, and basically thats pretty much it - all the rest, you can do as i explained in the tutorial. Hope that helps :)

  • @carol_m0018
    @carol_m0018 2 месяца назад

    Thank you so much

    • @YarivBE
      @YarivBE 2 месяца назад

      You are most welcome! Thanks a lot for the feedback - i really appreciate it 🙂🔥

  • @sakshigupta99
    @sakshigupta99 2 месяца назад

    Just a quick question sir. Since I don't have the option of spacing mode in the advance section of auto layout. So is there any other way to fix it?

    • @YarivBE
      @YarivBE 2 месяца назад

      Hi Sakshi. I guess that Figma updated since i did this tutorial, and you can find it on a small dropdown menu which appears where the "Gap between items" is. When you click on it, you will the "Auto" option. Let me know if that helps 🙂

    • @sakshigupta99
      @sakshigupta99 2 месяца назад

      @@YarivBE Thank you sir, but that does not help. I did try that before, but it just auto-layouts everything and does not maintain the gap between the nav bar, logo, and other components.

    • @YarivBE
      @YarivBE 2 месяца назад

      @@sakshigupta99 Hi Sakshi. Ok, so i guess that i will need to see some example to understand better - Can you share a file that demonstrates what you want achieve? Write me a comment there near the probelm you have to focus me on it.

    • @sakshigupta99
      @sakshigupta99 2 месяца назад

      @@YarivBE Hello, sir. What is your email address?

    • @sakshigupta99
      @sakshigupta99 2 месяца назад

      @@YarivBE Hello sir, Could you please share your email address with me so that I can send you the file?

  • @refreshsportsstore
    @refreshsportsstore 2 месяца назад

    Very helpful. thanks. I don't have layer modes after I detach.

    • @refreshsportsstore
      @refreshsportsstore 2 месяца назад

      I just found out I have to have more than one mode for the selection option to show up

    • @YarivBE
      @YarivBE 2 месяца назад

      Hi there. Thanks a lot for te great feedback! I really appreciate it 🙂🔥

    • @YarivBE
      @YarivBE 2 месяца назад

      @@refreshsportsstore Yes, exactly - when you create the modes, you get the selection of each mode

  • @handart7523
    @handart7523 3 месяца назад

    Hi, Thank you, it's very useful

    • @YarivBE
      @YarivBE 3 месяца назад

      Thanks a lot for the the great feedback! I highly appreciate it 🙂🔥

  • @coderitual_
    @coderitual_ 3 месяца назад

    I see this bug for years now. Basically animations within interactive components are not compound but they stop and the top parent only is animated. I don't get why they never responded to any bug report regarding that specific bug..

    • @YarivBE
      @YarivBE 3 месяца назад

      Yes, your are right. I have no idea why they don't fix it. It's quite annoying...

  • @Ibibiofame
    @Ibibiofame 3 месяца назад

    is it me, or did the video jump? At the point of adding an image into the second frame, it jumps and i missed everything from making components out of images and at what point the header plus logo was grouped with the menu dropdown... EDIT: i see from some comments at the bottom that there should be a link, but i don't see any link to recover the missing 4 mins

    • @YarivBE
      @YarivBE 3 месяца назад

      Hi there :) About the missing minutes, see the first comment (mine) there is a link to download the video for it. Something went won't there with the rendering of the tutorial and i completed it. Hope that helps. Thanks.

    • @Ibibiofame
      @Ibibiofame 3 месяца назад

      @@YarivBE hi thank you so much for the video first of all. However i have gone through and the only video i saw was the one for the image hover effect. if you would be so kind to reshare. that would be most appreciated, Also, if i could ask, would you be so kind as to make a short video about how to add more pages. i wanted to have 4 drop down menus, but my prototyping was really wonky and i cannot seem to prototype submenus to click over to another page from the dropdown

  • @queenzzz6892
    @queenzzz6892 3 месяца назад

    Thank you for this tutorial ! very helpful.

    • @YarivBE
      @YarivBE 3 месяца назад

      You are most welcome and thanks a lot for the great feedback 🔥 I highly appreciate it ad happy to know it was helpful :)

  • @thatianyschulz613
    @thatianyschulz613 3 месяца назад

    have a link of figma?

    • @YarivBE
      @YarivBE 3 месяца назад

      Hi there. There is a link to download the figma file with the tutorial's materials. Hope that helps 🙂

  • @farizatjacken3436
    @farizatjacken3436 3 месяца назад

    thank you! nice tutorial

    • @YarivBE
      @YarivBE 3 месяца назад

      Thanks a lot for the great feedback! I highly appreciate it 🔥🙂

  • @farizatjacken3436
    @farizatjacken3436 3 месяца назад

    this tutorial is what i looked for!

    • @YarivBE
      @YarivBE 3 месяца назад

      Happy to know that and thanks for the great feedback! I really appreciate it 🔥🙂

  • @AdvancExplorer
    @AdvancExplorer 3 месяца назад

    Thanks a lot, so many possibilities with absolute position !

    • @YarivBE
      @YarivBE 3 месяца назад

      You are most welcome! Yes indeed, a very necessary option in Auto layout, giving the option to place elements inside an Auto layout but "Floating" above the other elements in it 🙂

  • @alisonchan7028
    @alisonchan7028 3 месяца назад

    Thank your for your tutorial. Amazing!

    • @YarivBE
      @YarivBE 3 месяца назад

      Your are most welcome and thanks a lot for the great feedback! I highly appreciate it 🙂🔥

    • @alisonchan7028
      @alisonchan7028 3 месяца назад

      @@YarivBE I am grateful that your video enlightened me I can make the patterns in Figma like it. However, I am still beginner. I have to try how to make flower and star.

    • @YarivBE
      @YarivBE 3 месяца назад

      @@alisonchan7028 You are very welcome and thanks for your great second feedback 🙂 I really appreciate it. Creating vectors, in general, is quite easy and intuitive in Figma. If you want issues with it, feel free to write and I'll do my best to help :)

  • @hamiltonfreitas9410
    @hamiltonfreitas9410 3 месяца назад

    Great tutorial, Yariv!

    • @YarivBE
      @YarivBE 3 месяца назад

      Thanks a lot for the great feedback! I highly appreciate it 🔥🙂

  • @SoundaravalliSP
    @SoundaravalliSP 4 месяца назад

    thank you so much for awesome tutorial..it works great👏

    • @YarivBE
      @YarivBE 3 месяца назад

      Thank a lot for this great feedback! I highly appreciate it and happy to know it helps and works 🙂🔥

  • @piyushpatil1299
    @piyushpatil1299 4 месяца назад

    Please make a video on how to create calendar and how can selected date from calendar can be seen in other page

    • @YarivBE
      @YarivBE 4 месяца назад

      Hi Piyush. Ok, i can make the video :) Not sure i fully understand about seeing the selected date on the other page - explain to me the case. Thanks.

    • @piyushpatil1299
      @piyushpatil1299 4 месяца назад

      @@YarivBE Thank you ! so I am designing appointment app , wherein i managed to create date picker, whatever the dates are selected i need that to appear on “my schedule appointments widget”. For example - if I select 5th April 2024, i want that to appear on next page , where in it says appointment confirmed for 5th April 2024

    • @YarivBE
      @YarivBE 4 месяца назад

      @@piyushpatil1299 Ok. I get it. I'll try to come up with a video that explains how to do that in next few days. You are welcome!

    • @piyushpatil1299
      @piyushpatil1299 4 месяца назад

      @@YarivBE thank you so much !

    • @YarivBE
      @YarivBE 4 месяца назад

      @@piyushpatil1299 You are welcome!

  • @zcelmacasling2146
    @zcelmacasling2146 4 месяца назад

    there is no mapsicle plug in now :<

    • @YarivBE
      @YarivBE 4 месяца назад

      Hi. You can use FigMap. Try that - its quite the same :)

  • @zainulabideen5500
    @zainulabideen5500 4 месяца назад

    how would I connect this seach option with another screen?

    • @YarivBE
      @YarivBE 4 месяца назад

      Hi there :) You can any of the option that are being opened to other screens. You can also make this an interactive component and change the text options to fit the screen you are placing it on (assuming i understood the question properly - let me know if i didnt).

  • @anotherone469
    @anotherone469 4 месяца назад

    "Please, can I have this code in HTML CSS?"

    • @YarivBE
      @YarivBE 4 месяца назад

      Hi there :) I have this only in a Figma prototype, not in code 🙂

  • @anton__r
    @anton__r 4 месяца назад

    Very helpful :)

    • @YarivBE
      @YarivBE 4 месяца назад

      Thank you so much for the great feedback! I highly appreciate it and happy to know it's helpful 🔥🙂

  • @marteleurbarbare
    @marteleurbarbare 4 месяца назад

    This bug is still present today in the last version of Figma... I just encountered it while trying to create a "press to delete" feature. Tried everything, it just doesn't work. Anyone found a workaround ?

    • @YarivBE
      @YarivBE 4 месяца назад

      Yep... bug is still there :) It just doesnt work, more than a year and there is no solution yet, unfortunately.

  • @dhanraj_sonawane
    @dhanraj_sonawane 5 месяцев назад

    Thank you sir, it worked😌

    • @YarivBE
      @YarivBE 5 месяцев назад

      You are most welcome my friend! Happy to know it worked and i really appreciate the great feedback 🙂🔥

  • @komronakhmadjonov6036
    @komronakhmadjonov6036 5 месяцев назад

    Thank you bro

    • @YarivBE
      @YarivBE 5 месяцев назад

      Your are most welcome friend! Happy to know it was helpful and i highly appreciate the mention 🔥 Thanks!

  • @ingridnkouta3262
    @ingridnkouta3262 5 месяцев назад

    Does somebody know how to do an auto layout in Adobe xd ? 14:37

    • @YarivBE
      @YarivBE 5 месяцев назад

      Hi there. In Adobe Xd there is "Stack" behavior for groups. It has a bit of the Auto layout behavior, which can cover some cases. Its far away from being efficient as the Auto layout in Figma, but maybe it will do the job in some specific cases. Hope that helps 🙂

    • @ingridnkouta3262
      @ingridnkouta3262 4 месяца назад

      Thank you I've tried stack but it only works in design mode but not in prototype mode. Can you help me with it ?

    • @YarivBE
      @YarivBE 4 месяца назад

      @@ingridnkouta3262 Hi there :) Well, i can try... Send me the file to yariv.be1@gmail.com, i'll see what if it can be resolved 🙂

  • @skateboarding3007
    @skateboarding3007 5 месяцев назад

    10:13 - 10:31😁❤

    • @YarivBE
      @YarivBE 5 месяцев назад

      🤣 Yes... Kind of choked there for a sec 🤣

  • @GryffinBustos
    @GryffinBustos 5 месяцев назад

    oh it change the position i thought the fixed was on the constraint but it moves to the top frames

    • @YarivBE
      @YarivBE 5 месяцев назад

      Exactly :) SOme things changed in the Figma UI as well, but the functionality didnt. Constraints will be there when there is a top frame on any element, any vector or another inner frame. Hope that helps.

  • @GryffinBustos
    @GryffinBustos 5 месяцев назад

    why there is no fix on my constraint wtf

  • @fatinnuraisyah5405
    @fatinnuraisyah5405 5 месяцев назад

    hi, how to make the tabs scroll horinzontally?

    • @YarivBE
      @YarivBE 5 месяцев назад

      Hi there. In order to scroll the tabs, or lets say to show tabs scrolling horizontally, you can add it to the animation by creating tabs area which is longer than the screen width and animating the tabs area together with the tabs content. The same way tabs are scrolling. Hope that helps? Let me know.

  • @justdahana
    @justdahana 5 месяцев назад

    Thank u so much !!!!!

    • @YarivBE
      @YarivBE 5 месяцев назад

      Your are most welcome Dahana! Hairy your liked it and thank a lot for the great feedback! 🙂🔥

  • @sinister9474
    @sinister9474 6 месяцев назад

    thank for your help 👍

    • @YarivBE
      @YarivBE 5 месяцев назад

      You are most welcome! And thanks a lot for the great feedback! I highly appreciate it 🙂🔥

  • @camillestarr9109
    @camillestarr9109 6 месяцев назад

    Thank you so much! This was really helpful!

  • @pedrocamachohuaman3234
    @pedrocamachohuaman3234 6 месяцев назад

    Hello, greetings from Lima - Peru. Excellent work. I wanted to ask you: is it possible to combine the 2, that has a delay and at the same time can move? There is an example of this on the cinema website in my country called Cineplanet, the banner moves automatically and in turn I can slide😢😢😢😢

    • @YarivBE
      @YarivBE 6 месяцев назад

      Hello Pedro from Lima 🙂 Thank you so much for your great feedback! I highly appreciate it 🔥 TO you question - actually, you can combine after delay and drag, technically its possible, just time it correctly because if not - it can feel a bit weird. But yes, go ahead and try it 🤞

  • @maartenvangent4913
    @maartenvangent4913 6 месяцев назад

    Great tutorial. Also impressed by how clean this solution is!

    • @YarivBE
      @YarivBE 6 месяцев назад

      Thanks a lot Maarten for your great feedback! I really appreciate it 🙂🔥

  • @user-fq1wz8xk1y
    @user-fq1wz8xk1y 6 месяцев назад

    Hi, when and how did you make your header+menu a component?

    • @YarivBE
      @YarivBE 6 месяцев назад

      Hi there :) I dont know if you mean for the few minutes missing part of the tutorial, something went wrong with the recording of it when i did it, buy there are two extra short videos at the first comment (my comment) of the tutorial. Does that answer your question?

    • @user-fq1wz8xk1y
      @user-fq1wz8xk1y 6 месяцев назад

      @@YarivBE You prepared and finished the menu like ''frame1'' until the 18th minute. I see the ''header+menu'' component in your 4-minute missing part video.What I don't understand is when you made this a component in the ''header+menu'' format.

    • @YarivBE
      @YarivBE 6 месяцев назад

      @@user-fq1wz8xk1y Look on around the 34th min of the tutorial - there you can see how the header + menu component was created. Hope that helps - let me know if am missing something 🙂

  • @atulraut4158
    @atulraut4158 6 месяцев назад

    Man Oh man, you don't know how thankful I'm to you for this tutorial video 😩😩❤

    • @YarivBE
      @YarivBE 6 месяцев назад

      You are most welcome friend 🙂 Thank you so much for this great feedback! I really appreciate it and happy to know it was helpful 🔥

  • @jordangiles5481
    @jordangiles5481 6 месяцев назад

    Such a great video for someone new to Figma like me! Was super easy to then go and adapt it to look and function how I wanted :) Thanks!

    • @YarivBE
      @YarivBE 6 месяцев назад

      Thank a lot Jordan for this amazing feedback! I really appreciate it 🔥 and happy to know it was helpful! 🙂

  • @VidyashreeA-sx5gi
    @VidyashreeA-sx5gi 6 месяцев назад

    Nice tutorials sir kindly do one on responsive design complete with auto layout and 3 formats website tab and mobile version with plugin implementation also of breakpoints 🙏🏻

    • @YarivBE
      @YarivBE 6 месяцев назад

      Hi there :) Thanks for the great feedback! I really appreciate it 🙂 Will do a tutorial - sure 🔥 Not 100% sure about the plugin you meant? Please explain :)

    • @VidyashreeA-sx5gi
      @VidyashreeA-sx5gi 6 месяцев назад

      @@YarivBE breakpoint plug-in which finally ties all three designs together sir

    • @YarivBE
      @YarivBE 6 месяцев назад

      @@VidyashreeA-sx5gi To be honest, i don't use a plugin for breakpoints, i create the ones i need according to the break points needed for a design and the responsive behavior for it. Ok, got the general idea :) Will create a tutorial for it next few days. Thanks 🙂

  • @user-wp2kw8ve5u
    @user-wp2kw8ve5u 6 месяцев назад

    Can you share figma project with us ?

    • @YarivBE
      @YarivBE 6 месяцев назад

      Hi there :) I added the link to download the file in the description of this video. You are welcome 🙂