The 3 F’s Web Design Process
HTML-код
- Опубликовано: 11 сен 2024
- In this video, Jesse introduces three essential tools that revolutionize the web design process, enabling the creation of professional websites quickly and without the need for code. You will learn how these tools can turn web design into a lucrative venture by streamlining the workflow, making it both efficient and profitable. ... Remember to Subscribe goo.gl/6vCw64
Try the 3 F's:
Framer: www.framer.com...
Figma: psxid.figma.co...
Framepad: www.framepad.co/
------------------------------------------------------------------------------------
🤝 //////////// Become a UI Designer in 30 Days:
30dayui.com
🏆 //////////// Join my free member's community to get access to perks:
designchamps.io/
------------------------------------------------------------------------------------
🎨 ////////// I Design in Figma
psxid.figma.co...
🖥️ ////////// I Build websites in Framer
framer.link/jesse
🖥️ ////////// I Prototype Magic in ProtoPie
www.protopie.i...
📅 ////////// I run my life with Notion
affiliate.noti...
🎵 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: fm.pxf.io/c/13...
This is a lot of value content for free. It’s being a while since i saw that without someone pushing a course. Fair play man!
You should have showed how to bring it from Figma to Framer.
Thanks for the feature Jesse, loved the video! Walkthrough was spot on - awesome to see how you put the kit to use 👏
let me say that again, you are THE best bro, please keep this kind of content is is just so unique and affective
Great video! Thanks for sharing a behind-the-scene of your progress. Definitely going to try this out! Just out of curiosity: If the Framepad stuff is already imported into Framer, why not start designing straight in Framer instead of Figma? Maybe I'm not understanding the whole process, but it seems that you have to do all the design adjustments twice: once in Figma and then applying the same changes in Framer. Is there a specific time benefit to include Figma first?
Exactly. Seems like doing the same thing twice when it is not needed to be done.
I'm waiting for Jesse to answer this 👍🏽
it's the creative freedom of designing / quickly whipping things without the constraints of html/css. Though in this case i think the wireframe stage had high fidelity already that the creative direction was already set. Could've just went straight to framer, maybe jump to figma for some sections that needed more creativity.
So would Framepad be like a Relume for Webflow?
so what do you do with all the left over elements in the projects? Do you just leave them there or do you copy your final design over to a brand new project so its only the design there and you just add the styles back in?
Framer is putting so much money in advertisement.
What about using Relume in Figma, designing in Figma and then going to Framer to publish to web?
Framer is an impressive tool, thanks for share it!
But at this point do we even need Figma?
I finally dropped Figma in 2023. I sketch on my iPad and build in Framer.
Not really, if you work out iterations with framer pretty quick, then you can eliminate figma. The only reason I use figma still is either for social media posts and to make icons, logos, etc.
It's redundancy at this point. Designers should really start exploring other options. It'll be the next InVision
@@Patrick-yc3tf InVision is a sad story. I feel like they were so close to developing something like Framer. I still have a copy of their sister design app, InVision Studio - that just never launched.
It's like asking do you need an Architect to build my house or just engineer my way to it.
Nice your hair styles so i am copy..
This looks great, I might consider using this in Framepad is a one time fee and not a subscription
Thanks for sharing.
Hey Jesse, Nice Moustache! and try Also the Plasmic. I think it is a great open source Alternative to Webflow.
I started using framer and i can make a basic websites like basic ones.. now where i can learn to create outstanding websites like totally interactive and gsap things?
That's sick!
this is so frickin' valuable!
It’s really great! Thank you
is there any integration with Shopify? Or it’s just for design purpose
I just bought Segment UI. How do you guys like Framepad?
very cool science
Is framepad one time lifetime fee or this is annual subscription?
lifetime
Copy me instead. I started building my own Framer design system and components library about 4 months ago using all these paid libraries as a guide. I now have a growing repository of what I need to build my own style of websites. Soon I will open it up for sale. You can do the same.
I also ditched Figma in 2023.
So we are suppose to build the body of the car first then try to figure out how to shove the engine after. Seems it’s all about build first then think after. That’s why most fail because the first block is weak. The first block should be the content of the site. Once you have all that data then you start building the site around it. These tools are just a fancy why of saying, give me your money first then we talk.
Ist thing is Figma to framer don't work properly ,
2nd No need to go back to figma if they can generate the the design By AI in framer , or if they can edit their
3 rd Framer is not as good as Webflow you can not extract coad , IDK how it works on SEO ,
last things is Framer is improving on Prototype level but not on the Funcationslty level
You’re half right.
- Framer is loved by designers as it removes all complexity found on Webflow. I used the latter from 2016 - 2022.
- Framer produces fully functional websites with clean code. Ask my clients or my bank account.
- Webflow is far more powerful and suitable for complex projects. I outsource to pros when needed.
- Because of Framer’s Figma-like approach especially the free flow infinite canvas, Figma is rapidly loosing its relevance. A lot of folk, like me, are now working directly in Framer. Why do double work?
P.S. I’m an OG no-coder from days of Dreamweaver, Fireworks and Flash 👴. I deliberately chose to learn UX and brand strategy instead of code. 2 decades later my decision has held true.
professional website maybe not like this
i normally fuck with jesse but no this is not it