Figma Tutorial: project organization that saves you hours of work

Поділитися
Вставка
  • Опубліковано 16 січ 2025

КОМЕНТАРІ • 43

  • @TopperWH-TH
    @TopperWH-TH Рік тому +5

    Thanks!

  • @defaultname171
    @defaultname171 Рік тому +11

    Love this content. Always looking for guidance like this as a junior/mid-level designer brought in as the fist designer managing all things marketing/product design at a small startup.

  • @Tarnovgrad
    @Tarnovgrad 9 місяців тому

    Благодарим ви!

  • @chriswertz5825
    @chriswertz5825 Рік тому +2

    Another great tutorial from Devin. Keep ‘em coming.

  • @elbjorno
    @elbjorno 7 місяців тому +12

    "Each phase of a project as a seperate page, but each frame on that page as a page."
    Lol, i had to rewatch that part like 5 times. x)
    It gets hard when both Figma and the web page use the same terms, but they mean different things. For other struggling, heres a translation of what he said:
    " You might want to keep each feature in the project as a seperate _page in your figma project, where each _frame in the figma _page is a different _screen from the application / website / feature. "

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

      same thing here, thank you

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

      @@MzAmazeballin Hehe, good to know it was helpful for someone! Cheers, have a good day

  • @OliviaMoon91
    @OliviaMoon91 5 місяців тому +1

    thank you sooo much!!! There is so much to learn about Figma! This was exactly what I was looking for!

  • @subtlechuckles185
    @subtlechuckles185 7 місяців тому +2

    Thanks for this tutorial! There was a recent update to figma that allows you to add a divider line by typing "--- + enter"

  • @MrLyonliang
    @MrLyonliang Місяць тому

    really helpful! best practices

  • @uquantum
    @uquantum 2 місяці тому +1

    Thanks so much!

  • @payouts22
    @payouts22 9 місяців тому +1

    What about advanced prototyping with complex animations and behaviors... how do you organize that? plz make some video about that too.. thanks

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

    Sections is new, I’ll have to check that out. I usually make my own section using the square and giving it a different tone but this seems better for development.

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

    Awesome video. Thank you!

  • @ostaphuk6099
    @ostaphuk6099 Рік тому

    Great Content, Great Quality, Great Creativity.
    Thank you!

  • @majorbeats1775
    @majorbeats1775 6 місяців тому

    Thank you for this content🙏🏻

  • @mattgib711
    @mattgib711 9 місяців тому

    You scratched your neck around 1:25 didn't you? XD
    Just messin, great video, ty!

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

    Thank you!

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

    Do you advise turning a full page or a screen into a component so it can live on multiple other pages in the file as an instance?

  • @alwayjohnrallos7359
    @alwayjohnrallos7359 Рік тому +4

    we need the example figma file for this, plss

  • @kawaiihikari0
    @kawaiihikari0 Рік тому

    Very helpful thank you!

  • @whiskyo
    @whiskyo Рік тому +1

    Help!
    I finally understand auto-layout & constratins, but now in my hifi website in Figma, all the cards or sections with autolayout overlap the rest of the website content below.
    I've scowered the internet to troubleshoot and for teaching on this and no-one is talking about it! All anyone talks about is how to make things with auto layout. Ya OK, I get it, but how do I go beyond this knowledge and make sure all my autolayouts are interacting properly with each other? Surely there's a better way than manually pushing all the content down the page?

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

      Maybe you could set up the whole page design as an auto-layout?

  • @delioJorge7
    @delioJorge7 Рік тому +1

    I'm falling in love with UX, is that a bad thing?

  • @ShopperPlug
    @ShopperPlug Рік тому +1

    3:23 - How do you use emojis?

  • @bruhmoment3731
    @bruhmoment3731 8 місяців тому

    what a great video

  • @angiebluegreen
    @angiebluegreen 6 місяців тому +3

    Great content! but - not enough "figma view " & too much of "talking face" view.

  • @thallamrithesh6763
    @thallamrithesh6763 Рік тому

    Is there is way for people who are using the Free version? Because most solo designer uses Free Figma Version

    • @jacobkummer2067
      @jacobkummer2067 Рік тому

      Probably not as you can't have Teams in the free version. I don't know any solo designers who use the free version since it caps you at 3 files

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

    Would be awesome if you shared this file with us

  • @sergio.arboleda
    @sergio.arboleda 7 місяців тому

    Nice

  • @akhenatontubba9950
    @akhenatontubba9950 Рік тому

    Lütfen manuel olarak ingilizce altyazı videoya ekleyebilir misiniz.bu şekilde altyazıyi otomatik çeviri ile Türkçe altyazılı olarak anlayarak izleyebiliriz

  • @jasonhead8892
    @jasonhead8892 Рік тому

    Do you have a video but in terms of an app. Yes I could extrapolate from this video just interested in if there are any differences. I work for a very large company and while creating features is easy to do and I organized similarly to this, the issue has become they want to know Why can’t I navigate the entire app? The issue I’ve had is the inner linking between pages where I use pages as my separator for features, think jira ticket number the jira ticket represents a feature which is a page. Now I’ve combined all of my features into one single Figma file with separate pages for each feature, I have since combined all of those features into a single fully functioning prototype. This will get very hard to maintain, if I have to maintain each feature within pages as well as the prototype, which is also in its own page. I thought about creating sections for features in a single page which would allow me to prototype that way, any thoughts would be greatly appreciated.

  • @faizanmaqbooldar3490
    @faizanmaqbooldar3490 Рік тому +1

    Bro came after a fight , iykyk 😅😅

  • @wesleymaduro5795
    @wesleymaduro5795 24 дні тому

    "Try to give each file a unique thumbnail".. yeah show me how to do that. Thats the whole reason im here.

  • @SumitYadav-go9mb
    @SumitYadav-go9mb Місяць тому

    This dude told everthing except how to organise Figma files and layers :(