Figma's Variable Layering Simplified Step by Step Guide

Поділитися
Вставка
  • Опубліковано 20 гру 2024

КОМЕНТАРІ •

  • @Yuki_Blooming
    @Yuki_Blooming 11 місяців тому

    Thank you so much sir❤🙏👍

  • @tamtamngo6533
    @tamtamngo6533 5 місяців тому

    Hi, I love your Figma tutorials! Sometimes you use keyboard shortcuts that are not visible on the screen. Could you please include a display of the shortcuts you use so that everyone can understand what keys you are pressing? Thank you!

    • @pixellink.design
      @pixellink.design  5 місяців тому

      Thank you for the feedback, and 100% the new tutorial coming through have those. Unfortunately some of the older ones, will need a update!
      With the new UI3 for figma I will be doing a Big update on the channel 😃

  • @yojanapadte361
    @yojanapadte361 18 днів тому

    I am not able to view the layer section in the right side Panel, can someone help? I am using the latest version of Figma.

  • @Yuki_Blooming
    @Yuki_Blooming 11 місяців тому

    Can we look forward to more projects centered around variables and conditions, particularly in web page and mobile app design?

    • @pixellink.design
      @pixellink.design  11 місяців тому +2

      Funnily enough it was one of the ones I was planning on working on.
      What sorts of condition logic, would help you?
      The next video I was planning was user permissions and a prototype where the UI would change based on the conditions set within the prototype. Does something like that interest you?

  • @aznboi7v
    @aznboi7v 10 місяців тому

    I stumbled upon your YT channel as I'm starting to learn about Variables and build my own Design System! I had a question regarding this video, is it possible to combine this variable sizing along with a variable to edit the text? I'm running into a problem where if I add a variable for the text, the layer is not registering the variable and defaults back to the original component's text (Header component L,M,S ) and not the text-block component with the Header, Subheader and Paragraph text.

    • @pixellink.design
      @pixellink.design  10 місяців тому

      There could be multiple things occurring here first, if you're working in a prototype and those elements change in a prototype, you would need to make sure to add in the component with inside of a section.
      If you're having trouble with components layered within components, the top component being the parent should be the main component where you're applying the variables by changing any of the children components within that will break the parent component.
      Potentially other issues would be to have the name of the text layer change. If that name or the text layer changes then it will also break if the name isn't the same.
      If you would like to chat or learn more, I'm always happy to catch up and help out if I can. Feel free to reach out to me by discord or LinkedIn or by email and we can set up a time and I can help out, when able.

  • @PreciousUi
    @PreciousUi 11 місяців тому

    Thank you for the video..
    But why didn't you just select all the text for Headers and create a component set instead of editing manually..
    Can that affect the String or the variables workflow?

    • @pixellink.design
      @pixellink.design  11 місяців тому +1

      By crafting each element separately, you gain the flexibility to manipulate them either independently or in unison. This approach offers greater versatility compared to merging them into a single, combined entity. Such a capability empowers you to construct any structure, ranging from distinct elements like headers and text blocks to more complex compositions.
      Would you like an advanced video covering this?