10x your Webdesign Workflow with Relume & Webflow
ฝัง
- เผยแพร่เมื่อ 1 ต.ค. 2024
- Start with Relume: www.philipwall...
Start with Webflow: philipwallage....
Need World-Class UX Design?
www.btng.studio
How I'm creating my best website ever, 10x times faster.
Here's how ↓
“Make sure that you always have the right tools for the job. It's no use trying to eat a steak with a teaspoon and a straw.”
- Anthony T. Hincks
For the last few years, I've fallen in love with Webflow.
When I started web design with WordPress, I always felt that I was customizing what I got out of the box.
With Webflow, I can create anything that I can design.
It's the perfect fit for my skill set.
- Build custom collections to manage any content type easily.
- Yes. You decide which cms items get which type of fields.
- A Hosted Solution. No mess with hosting and plugins.
- Customers love it.
👉 What tool helps you to deliver your best work faster?
A year or two ago, I discovered Relume.
It was the last piece of the puzzle.
![ลองสั่งของจากแอพ temu ถูกจริงหรอ?? [โกงไหมครับ ep.88 ] | DOM](http://i.ytimg.com/vi/RTcZSQTiDZw/mqdefault.jpg)
Great video! Relume is really a game changer for me for a few years now. It speeds up the whole process when you use relume figma lib and use the "offical Figma to webflow plugin" to sync all the designs directly instead of copy/pasting everything component at once. Thank you for your quick overview 👍
Ooooh, would love to hear/see more about your Figma to Webflow Plugin!
Have definitely found them to be a great starting point. However, it does mean there is the potential for a lot of sites to end up looking fairly generic if the components and design aren't pushed creatively, and especially if the client's budget is limited.
It is definitely a trade of. But I do love the quote "Freedom is the enemy of creativity, limitations are its saviour".
@@PhilipWallage Sounds like communism
Thanks for this awesome review Philip 🔥
Too many more! You guys are crushing it with every update!
You mention Figma for a sec - would've been cool to see you pulling from Relume -> Figma -> Webflow, that's my current workflow. It almost seemed like it might be easier to go Relume -> Webflow -> Figma -> Webflow......?
I just did a live-stream that shows more Relume -> Figma work. But I do agree with you, for a little. Yes, it's easy to move from Relume straight into Webflow. But I think what you end up with is sooo empty, you'll need to design anyway. And its always (my opinion) better to do that in Figma > Webflow.
Doesn’t seem like a designer’s tool. Perhaps for a generic website factory, sure. And using templates is better than having no website at all, but a designer committed a client’s brand forward and have it be remembered isn’t going to work this way. My2¢
I get what you're saying. I personally love the boundries, without them as a designer we'd have too many options and would probably create things people have never seen before. Which might not be a good thing. People expect things to work a certain way.
@PhillipWallage If you can import all the generated Relume content to Figma, is it safe to say you can bring it to Framer instead of Webflow?
I guess you could. I'm staying away from Framer so I couldn't tell you much about the Figma to Framer transition tho.
To the content creator, thank you so much for the insightful and well constructed video. Its given me a lot of food for thought.
PS dont pay any attention to the idiots on here! Keep thr vids coming. ❤
Thanks, Garet. I'm happy to hear it turned some cogs in the ol' skull room. And no worries about the haters. As long as more people found value in it, it seems like it was worth everyone's time.
Great overview. Would it be best practice to wire frame with the relume library in Figma. Then create your design from the wireframe. Then use the Figma to Webflow official plug-in just to move everything into Webflow to finish?
It is a possibility but you wouldn’t have them responsible, interactive or in the Client-First classes. The Figma to Webflow plugin sounds like a dream, but we’re not quite there yet #opinionated
@@PhilipWallage is that really true? That's a letdown if it is. I thought that the wire frames from the library were created with auto layout. So everything would be responsive at least for smaller clients and jobs. For most of the projects I've completed over the years, the client could care less about client first class names.
@@theblowupdollsmusic you’re right, the responsive part is covered by auto layout. But still, use at your own risk. 😅
@@PhilipWallage Will do, Thank you. I'm looking to get out of Wordpress and into other options.
All great, but I really need Relume to allow me to somehow sync their figma file to webflow AFTER I do hight fidelity design. I don't want to be designing the website in Webflow. Figma is better place to do that.
Do you have a solution to that? :)
I do! You can sync Figma Color Variables to Webflow. So it is a little limited, but on some level, you can.
@@PhilipWallage Cool! Didn't know that. I am struggling to sync the text styles, but colors works fine, thank you! :) I really hope, there will be soon a way how to convert the whole high-fidelity design in Relume, not just the wireframe. If you would find a way, please make a tutorial. Company like Locofy is already able to do it, but it is not no-code tool. :(
@@GabrielaStebelová We should not forget that one of the limiting factors, might be us. The Designers. Relume uses Client-First classnaming. Which make everything very recognizable. While I doubt many of us always name our layers ;)
Relume it's a little limitated. Even more for free plan. Also, it seems like they have only using a bundle of component and that's all... i don't know... it doesn't convince me
Thats fair. Relume still needs a designer's touch since they're very bare-bone wireframe'ish components.
We can even instead of importing to webflow import to Bubble and make our own applications faster
Relume even has things like Application Shells and such.
That's bot uxui desiger, it's AI UXUI designer
It is quite fascinating, can't wait to try it out ☺
Would love to hear how you experience Relume!
Thanks for the new video! I’m looking forward to seeing what other content you post! Always good to learn as much as you can!
I’ll do my best to create another one before my 4-week trip to Lanzarote! Thanks for the kind words Henry.
Thank you very much for this introduction of the workflow. This will increase our process, thanks to you^^
Happy to hear! Now go on and make awesome things and don't forget to share!
Become your 100'th subscriber and I hardly subscribe to any channels but this video has really helped me build my site so thank you. Keep it going your videos are great!
You've earned a new subscriber here sir. This is a really great content!
Great intro to Relume--thanks!
Glad you found it useful😀
Great video!
Thanks!
That is pretty amazing thanks
Happy you enjoyed it!
Hey i need a site can you help me out
Sure, mail me at philip@btng.studio and we’ll set something up.
Wix studio
Then from where we should buy the premium plan, Webflow or Relume?
For Webflow it would be when you'd want to go live. For Relume if you'd like to use the full Figma file or want to export Wireframe to Figma & Webflow.
Thank you for this superb review ! This platform looks great, intuitive and efficient. My only question is whether or not the edition / modification processes are tied with Relume : can you upload the resulting Web site to whatever Web server ?
For instance, let's say that I have a Linux VPS with Apache and MySQL - or some other popular BD engine -, would it work, and if I need to modify parameters for that matter, are these well explained/outlined thus easy to modify from within the resulting code (is the code readily accessible) ? What about other frontend platforms e.g. Wordpress? Is it possible to integrate code snippets (Javascript, Bootstrap library etc.) ?
Since Webflow is hostest solution, it's really bound with them and their platform. I do know that Relume has been building its React components/library which might be more up your alley. And in Webflow you include code snippets.
@@PhilipWallage thanks for your reply
🤯 🤯 🤯 🤯 🤯 🤯 🤯 🤯
Good one!!
😁
Hello sir this seems efficient and effective and easier ngl
But I done how feel like it’s cheating
Im not saying it’s not okay, i just need an explanation if it’s really okay to be doing the designs like this
To be honest, design is all about constraints. If you check out the Relume Showcase on their website, you’ll see a lot of amazing examples that people have created using Relume. In my opinion, it’s more about getting from A to B as effective as possible. And most importantly: the clients don’t care.
@@PhilipWallage I see
Thank you for the explanation sir
Now kinda understand it
As long as I get to put in the work at least it’s okay
I didn’t see you create a wireframe, move it to Figma and design then move it to WebFlow. How do you follow the process I just said?
If you’d like, I can do a more in depth video. This was just an overview. A few people requested it.
How about 3:20 ?
Relume? UUggghh
You must be on team Framer? 🤓
@@PhilipWallageNope. AI companions are actually a bane for design strategy. Well, for now anyways.
@@exgeeinteractive how so? I believe they are a great source of inspiration. Not a reason to no longer talk to customers or not validating new ideas with real people.
@@PhilipWallageA good source of markup for beginners and intermediate UI designers, specifically for landing pages. But what I'm saying is that if a designer is not careful they might get a bad habit or two with AI wireframe companions as its prompt cannot provide strategy other than pixels and sections (I guess for now). I think it's more akin to purchasing a template from envato, etc. where it might look like you have a website, but does it really serve its purpose?
If it's for inspiration, I guess that doesn't hurt.
Gotcha! Now I understand what you mean. And yes, people still need to think about the site. What is its goal? Who’s the audience and how will you convert them. Yes!👍
Bro have you ever tried to make original content or just copy another relume webflow or framer remix. Jesus
Jesus? Would Jesus approve of you unnecessarily hating on people who are courageous to step in front of the camera? Of course these folks are expanding their reach for their own business. But they're also bringing 'genuine' value to a lot of people.
Look below you 'bro'? What do you see? Notice how much he helped a lot of people and how nice a reaction he got from others. Notice also how you're the only one hating? Maybe think there might be something wrong with you? No? Well, you should. Get a life 'bro'! Are you in front of the camera? I doubt you'd have the courage.
Lastly, do you know how many millions of videos go onto social media each day? Did you ask yourself that? Or how difficult it would be to come up with entirely unique content from every other creator? Didn't think so. 1D characters heckling others from behind an online shield! PATHETIC!
broooo, really helpful thanks from india
There's more Relume/Figma/Webflow content soon!