The 3 F’s Web Design Process

  Рет қаралды 15,293

Jesse Showalter

Jesse Showalter

Күн бұрын

Пікірлер: 51
@framepadco
@framepadco 5 ай бұрын
Thanks for the feature Jesse, loved the video! Walkthrough was spot on - awesome to see how you put the kit to use 👏
@CaioTDias
@CaioTDias 5 ай бұрын
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!
@SaadAlShiekhAli-sg4dl
@SaadAlShiekhAli-sg4dl 5 ай бұрын
let me say that again, you are THE best bro, please keep this kind of content is is just so unique and affective
@frankdot.1864
@frankdot.1864 5 ай бұрын
So would Framepad be like a Relume for Webflow?
@TianS-g6n
@TianS-g6n 2 ай бұрын
Thanks a lot for sharing this! This is super helpful! I have one question: when I tried to copy the tablet and mobile breakpoints, I noticed that when I update the primary breakpoint - website, the other 2 don’t update automatically. Does that mean I have to manually fix the misalignment for the tablet and mobile breakpoints? I really appreciate any answers. Thank you!
@whoandwhatdesign
@whoandwhatdesign 5 ай бұрын
What about using Relume in Figma, designing in Figma and then going to Framer to publish to web?
@armanbusch5515
@armanbusch5515 2 ай бұрын
Hey Jesse, Thank you for the incredible content and clear explanations about Framer! Your teaching style is inspiring and makes complex topics easy to understand. I’m interested in deepening my skills-do you offer a course I can enroll in? I would love to learn more from you directly about Framer.
@BruinChimay
@BruinChimay 2 ай бұрын
Nice - but what happened to your wireframe buildings in Relume?
@PeterBrandsmith
@PeterBrandsmith 5 ай бұрын
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?
@novocoder
@novocoder 5 ай бұрын
Exactly. Seems like doing the same thing twice when it is not needed to be done.
@MrKdot93
@MrKdot93 5 ай бұрын
I'm waiting for Jesse to answer this 👍🏽
@dixiekun-SA
@dixiekun-SA 5 ай бұрын
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.
@muhammadbacar6051
@muhammadbacar6051 Ай бұрын
@@dixiekun-SA True I believe going but to figma is for sections that need more creative work. I think that you can start designing straight away on Framer and then when you need to do more complex designs for a specific section, do it in Figma and then bring it in Framer once your done.
@JP-vq9er
@JP-vq9er 2 ай бұрын
Is framepad still the best library to get?
@EthanHaveron
@EthanHaveron 4 ай бұрын
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?
@dec7952
@dec7952 4 ай бұрын
You should have showed how to bring it from Figma to Framer.
@amonvolie
@amonvolie 3 ай бұрын
Figma to framer plugin -> Google it, 1 click installation.
@carlosrocha5814
@carlosrocha5814 3 ай бұрын
There is a Plugin, in another video he shows the complete process if you want I can post the video link here.
@dec7952
@dec7952 3 ай бұрын
@@carlosrocha5814 That would be great. Thanks man.
@wesleybruce7495
@wesleybruce7495 5 ай бұрын
Framer is an impressive tool, thanks for share it!
@JennaJams
@JennaJams 5 ай бұрын
This looks great, I might consider using this in Framepad is a one time fee and not a subscription
@imraan_alam
@imraan_alam 5 ай бұрын
Framer is putting so much money in advertisement.
@jaouadbentaguena8340
@jaouadbentaguena8340 5 ай бұрын
is there any integration with Shopify? Or it’s just for design purpose
@futurethey
@futurethey 5 ай бұрын
It’s really great! Thank you
@jf5578
@jf5578 5 ай бұрын
this is so frickin' valuable!
@Amitsinghchauhan-np5sc
@Amitsinghchauhan-np5sc 5 ай бұрын
Nice your hair styles so i am copy..
@robertkreft5653
@robertkreft5653 Ай бұрын
but how do you sell Framer websites if the code cannot be extracted?
@itsthesa
@itsthesa 5 ай бұрын
Hey Jesse, Nice Moustache! and try Also the Plasmic. I think it is a great open source Alternative to Webflow.
@MrJamessigley
@MrJamessigley 4 ай бұрын
Thanks for sharing.
@JesseShowalter
@JesseShowalter 4 ай бұрын
Thanks for watching!
@Krizzoa
@Krizzoa 5 ай бұрын
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?
@kingk.2547
@kingk.2547 2 ай бұрын
Webflow or learn to hand code you’ll need. Some html & css knowledge for Webflow
@dannyquijano_
@dannyquijano_ 5 ай бұрын
I just bought Segment UI. How do you guys like Framepad?
@renatocontaifer
@renatocontaifer 5 ай бұрын
That's sick!
@JesseShowalter
@JesseShowalter 4 ай бұрын
Thanks!
@winedyaprilino
@winedyaprilino 5 ай бұрын
very cool science
@Sparksprint2023
@Sparksprint2023 5 ай бұрын
Is framepad one time lifetime fee or this is annual subscription?
@AmiWasi-gv3wz
@AmiWasi-gv3wz 5 ай бұрын
lifetime
@dreaminginink2029
@dreaminginink2029 5 ай бұрын
But at this point do we even need Figma?
@leviwanyoike
@leviwanyoike 5 ай бұрын
I finally dropped Figma in 2023. I sketch on my iPad and build in Framer.
@dannyquijano_
@dannyquijano_ 5 ай бұрын
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.
@Patrick-yc3tf
@Patrick-yc3tf 5 ай бұрын
It's redundancy at this point. Designers should really start exploring other options. It'll be the next InVision
@leviwanyoike
@leviwanyoike 5 ай бұрын
@@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.
@MyDigitalHub
@MyDigitalHub 5 ай бұрын
It's like asking do you need an Architect to build my house or just engineer my way to it.
@leviwanyoike
@leviwanyoike 5 ай бұрын
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.
@Thegigcorner
@Thegigcorner 4 ай бұрын
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.
@lolacademy-yn
@lolacademy-yn 5 ай бұрын
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
@leviwanyoike
@leviwanyoike 5 ай бұрын
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.
@BandarAlmarri-zm2th
@BandarAlmarri-zm2th 5 ай бұрын
professional website maybe not like this
@milanrdesign
@milanrdesign 5 ай бұрын
i normally fuck with jesse but no this is not it
Web Design Trends 2025 🚀
13:18
Jesse Showalter
Рет қаралды 16 М.
Master Spacing in UI Design 💪
10:23
Jesse Showalter
Рет қаралды 65 М.
REAL or FAKE? #beatbox #tiktok
01:03
BeatboxJCOP
Рет қаралды 18 МЛН
So Cute 🥰 who is better?
00:15
dednahype
Рет қаралды 19 МЛН
My web design process (real client project)
12:05
Flux Academy
Рет қаралды 31 М.
Advanced Web Shapes in Framer Using Figma | Free Remix | Part 1
8:41
Shams⚡️Nahid
Рет қаралды 9 М.
Everything About: Footers In Web Design
12:57
The Website Architect
Рет қаралды 66 М.
Master Web Design Layout in 10 Minutes
12:10
Jesse Showalter
Рет қаралды 23 М.
Amateur vs Pro UI Design | with examples
20:46
Jesse Showalter
Рет қаралды 191 М.
9 Web Design Trends 2025 to Spruce Up Your Site
16:33
Showit
Рет қаралды 91 М.
Web Design Client Process (One Week Turnaround 🤯)
18:57
Megan Weeks
Рет қаралды 19 М.
The Perfect Spacing Framework in UI Design | Figma Tutorial
8:32
Mizko the Designer
Рет қаралды 96 М.
Framer Crash Course
34:49
Jesse Showalter
Рет қаралды 53 М.
REAL or FAKE? #beatbox #tiktok
01:03
BeatboxJCOP
Рет қаралды 18 МЛН