No video

Figma Tutorial: project organization that saves you hours of work

  Рет қаралды 59,440

Flux Academy

Flux Academy

Күн бұрын

Become a Figma pro with our newest course - "Figma for Web Designers": bit.ly/46m0TZd
-------
As a web designer working in Figma, a few simple rules for organizing your projects can help save hours of work, and a lot of frustration from your developers. Devin shows his best tips and tricks to organize your Figma design project effectively, and prepare it for development hand-off that won't need follow-ups.
Learn about Figma components, frames, and sections, and how to structure your Figma design for effective work as a solo designer-developer or as part of a web development team.
--------
Devin’s Twitter: / devinsfountain
#Design #WebDesign #FluxAcademy

Пікірлер: 38
@elbjorno
@elbjorno 2 ай бұрын
"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
@KristenNichole
@KristenNichole 9 күн бұрын
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.
@defaultname171
@defaultname171 10 ай бұрын
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.
@subtlechuckles185
@subtlechuckles185 2 ай бұрын
Thanks for this tutorial! There was a recent update to figma that allows you to add a divider line by typing "--- + enter"
@OliviaMoon91
@OliviaMoon91 19 күн бұрын
thank you sooo much!!! There is so much to learn about Figma! This was exactly what I was looking for!
@chriswertz5825
@chriswertz5825 10 ай бұрын
Another great tutorial from Devin. Keep ‘em coming.
@payouts22
@payouts22 4 ай бұрын
What about advanced prototyping with complex animations and behaviors... how do you organize that? plz make some video about that too.. thanks
@nikita2560
@nikita2560 2 күн бұрын
Would be awesome if you shared this file with us
@whiskyo
@whiskyo 9 ай бұрын
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 5 ай бұрын
Maybe you could set up the whole page design as an auto-layout?
@alwayjohnrallos7359
@alwayjohnrallos7359 10 ай бұрын
we need the example figma file for this, plss
@hectorg8778
@hectorg8778 6 ай бұрын
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?
@mattgib711
@mattgib711 4 ай бұрын
You scratched your neck around 1:25 didn't you? XD Just messin, great video, ty!
@ostaphuk6099
@ostaphuk6099 7 ай бұрын
Great Content, Great Quality, Great Creativity. Thank you!
@FluxAcademy
@FluxAcademy 7 ай бұрын
Our pleasure!
@majorbeats1775
@majorbeats1775 Ай бұрын
Thank you for this content🙏🏻
@TopperWH-TH
@TopperWH-TH 10 ай бұрын
Thanks!
@FluxAcademy
@FluxAcademy 10 ай бұрын
Thank you!! ❤️
@biacarreira3075
@biacarreira3075 5 ай бұрын
Awesome video. Thank you!
@delioJorge7
@delioJorge7 10 ай бұрын
I'm falling in love with UX, is that a bad thing?
@Kingmaybach1
@Kingmaybach1 10 ай бұрын
No, it my new addiction
@akhenatontubba9950
@akhenatontubba9950 8 ай бұрын
Lütfen manuel olarak ingilizce altyazı videoya ekleyebilir misiniz.bu şekilde altyazıyi otomatik çeviri ile Türkçe altyazılı olarak anlayarak izleyebiliriz
@paramkulshrestha2367
@paramkulshrestha2367 5 ай бұрын
Thank you!
@kawaiihikari0
@kawaiihikari0 10 ай бұрын
Very helpful thank you!
@thallamrithesh6763
@thallamrithesh6763 10 ай бұрын
Is there is way for people who are using the Free version? Because most solo designer uses Free Figma Version
@jacobkummer2067
@jacobkummer2067 10 ай бұрын
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
@jasonhead8892
@jasonhead8892 10 ай бұрын
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.
@bruhmoment3731
@bruhmoment3731 3 ай бұрын
what a great video
@angiebluegreen
@angiebluegreen Ай бұрын
Great content! but - not enough "figma view " & too much of "talking face" view.
@Tarnovgrad
@Tarnovgrad 4 ай бұрын
Благодарим ви!
@sergio.arboleda
@sergio.arboleda 2 ай бұрын
Nice
@ShopperPlug
@ShopperPlug 10 ай бұрын
3:23 - How do you use emojis?
@devinsfountain
@devinsfountain 10 ай бұрын
On a Mac, Control + Command + Spacebar
@Anca_Webdesign
@Anca_Webdesign 6 ай бұрын
And for Windows please? 😊
@faizanmaqbooldar3490
@faizanmaqbooldar3490 10 ай бұрын
Bro came after a fight , iykyk 😅😅
@deoncardoza2051
@deoncardoza2051 10 ай бұрын
Lolol 😂
Figma Tutorial: Use Figma Variables Like a Pro (+ Practice File)
30:30
DesignWithArash
Рет қаралды 295 М.
Easily Improve Your Web Design (With Example)
17:59
Flux Academy
Рет қаралды 53 М.
Bony Just Wants To Take A Shower #animation
00:10
GREEN MAX
Рет қаралды 6 МЛН
If Barbie came to life! 💝
00:37
Meow-some! Reacts
Рет қаралды 58 МЛН
艾莎撒娇得到王子的原谅#艾莎
00:24
在逃的公主
Рет қаралды 46 МЛН
How to Master Figma and Design 10X FASTER!
12:10
Jesse Showalter
Рет қаралды 38 М.
Best Figma File Structure & Design Process (Real App Design & Brand)
13:11
Organize Your Figma File Like a PRO
8:06
Rachel How
Рет қаралды 86 М.
6 UI Hacks I Wish I Knew As A Beginner
11:11
Tim Gabe
Рет қаралды 781 М.
Design Better Than 99% of UI Designers
14:52
Tim Gabe
Рет қаралды 196 М.
Reacting to 21 Design Portfolios in 22 Minutes
22:41
Flux Academy
Рет қаралды 555 М.
Complete Layout Guide
11:59
Flux Academy
Рет қаралды 761 М.
Framer vs Webflow: 2h Build Challenge
11:53
Flux Academy
Рет қаралды 13 М.
Bony Just Wants To Take A Shower #animation
00:10
GREEN MAX
Рет қаралды 6 МЛН