10x your Webdesign Workflow with Relume & Webflow

Start with Relume: www.philipwallage.com/relume
Start with Webflow: philipwallage.com/webflow
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.

[@JB-zw5vl]

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 👍

[@PhilipWallage]

Ooooh, would love to hear/see more about your Figma to Webflow Plugin!

[@Relume_io]

Thanks for this awesome review Philip 🔥

[@PhilipWallage]

Too many more! You guys are crushing it with every update!

[@TheScootermac315]

Great intro to Relume--thanks!

[@PhilipWallage]

Glad you found it useful😀

[@henrythomas7112]

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!

[@PhilipWallage]

I’ll do my best to create another one before my 4-week trip to Lanzarote! Thanks for the kind words Henry.

[@chronos-thegameoftime]

Thank you very much for this introduction of the workflow. This will increase our process, thanks to you^^

[@PhilipWallage]

Happy to hear! Now go on and make awesome things and don't forget to share!

[@angelova.nikoleta.design]

It is quite fascinating, can't wait to try it out ☺

[@PhilipWallage]

Would love to hear how you experience Relume!

[@user-lu7xx4vd8w]

That is pretty amazing thanks

[@PhilipWallage]

Happy you enjoyed it!

[@HughMcQ]

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.

[@PhilipWallage]

It is definitely a trade of. But I do love the quote "Freedom is the enemy of creativity, limitations are its saviour".

[@XxNVTxX]

Great video!

[@PhilipWallage]

Thanks!

[@Learnerz-ep8fw]

Good one!!

[@PhilipWallage]

😁

[@user-ny6bp7xt8s]

You've earned a new subscriber here sir. This is a really great content!

[@garethellison01]

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. ❤

[@PhilipWallage]

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.

[@theblowupdollsmusic]

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?

[@PhilipWallage]

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

[@theblowupdollsmusic]

@@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.

[@PhilipWallage]

@@theblowupdollsmusic you’re right, the responsive part is covered by auto layout. But still, use at your own risk. 😅

[@theblowupdollsmusic]

@@PhilipWallage Will do, Thank you. I'm looking to get out of Wordpress and into other options.

[@HawkFest]

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.) ?

[@PhilipWallage]

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.

[@HawkFest]

@@PhilipWallage thanks for your reply

[@Genuinely_edwin]

🤯 🤯 🤯 🤯 🤯 🤯 🤯 🤯

[@LightsaberPanda]

@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?

[@PhilipWallage]

I guess you could. I'm staying away from Framer so I couldn't tell you much about the Figma to Framer transition tho.

[@user-xz3sh3iy4r]

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? :)

[@PhilipWallage]

I do! You can sync Figma Color Variables to Webflow. So it is a little limited, but on some level, you can.

[@user-xz3sh3iy4r]

@@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. :(

[@PhilipWallage]

@@user-xz3sh3iy4r 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 ;)

[@zuhairkhayat2827]

Then from where we should buy the premium plan, Webflow or Relume?

[@PhilipWallage]

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.

[@jailee1227]

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?

[@PhilipWallage]

If you’d like, I can do a more in depth video. This was just an overview. A few people requested it.

[@PhilipWallage]

How about 3:20 ?

[@nickmcloota5786]

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......?

[@PhilipWallage]

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.

[@mawabro4012]

Hey i need a site can you help me out

[@PhilipWallage]

Sure, mail me at [e-mail] and we’ll set something up.

[@marcelvanderkruk8020]

Wix studio

[@kasforai]

We can even instead of importing to webflow import to Bubble and make our own applications faster

[@PhilipWallage]

Relume even has things like Application Shells and such.

[@KellbishStudios]

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

[@PhilipWallage]

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.

[@KellbishStudios]

@@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

[@fiveshorts]

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¢

[@PhilipWallage]

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.

[@exgeeinteractive]

Relume? UUggghh

[@PhilipWallage]

You must be on team Framer? 🤓

[@exgeeinteractive]

@@PhilipWallageNope. AI companions are actually a bane for design strategy. Well, for now anyways.

[@PhilipWallage]

@@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.

[@exgeeinteractive]

@@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.

[@PhilipWallage]

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!👍

[@marcosangelmedina5845]

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

[@PhilipWallage]

Thats fair. Relume still needs a designer's touch since they're very bare-bone wireframe'ish components.

[@Sri-br2cl]

broooo, really helpful thanks from india

[@PhilipWallage]

There's more Relume/Figma/Webflow content soon!

[@maskedvillainai]

Bro have you ever tried to make original content or just copy another relume webflow or framer remix. Jesus

[@garethellison01]

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!