In this video Adam walks through his workflow from Figma to Webflow using the Relume Library. This is the fastest way to build a custom website on Webflow, without compromising on quality. Follow along and enjoy!
LINKS
—
Try Relume Library for free:
https://library.relume.io
Join our Slack community:
https://relumelibrary.slack.com/join/…
Clone this website:
https://webflow.com/website/cryptopunks-relumelibrary-clone
Watch uncut, full length recording of the build process:
https://www.loom.com/share/604c8957c8e14cba8375cb1273e90d7a
ABOUT RELUME LIBRARY
—
Say goodbye to building Webflow sites from scratch. With access to over 650 components, you can build beautiful websites and save thousands of hours using the world’s largest Webflow component library. Simply search for components, copy with one click and paste them into your Webflow project.
TIMESTAMPS
—
Intro: 00:00
Design: 00:32
Build: 05:52
FOLLOW THE RELUME JOURNEY
—
Twitter: https://twitter.com/
Dribbble: https://dribbble.com/relumetech
LinkedIn: https://au.linkedin.com/company/relume
Webflow: https://webflow.com/relume
source
Would you say relume is an alternative to Figma?
Love this mate so awesome to watch you work. I think more design system concepts, how you like to personally work in Figma or Webflow be great. So much overwhelming info with no one process that suits all.
Side note, what icon library do you use across your projects?
Loved the video!! Im just confused why create a whole website on figma to then change it all “over” again on webflow? Wouldn’t it be easier to create directly on webflow or you’re using figma as a vision board?
The first ten minutes of this video has the same problem most of these instructional videos have which is that the video is sped up so fast that it's all just a blur and you really can't see what's going on. There's no point in showing something when we can't follow what you're doing.
I'm so glad I'm not too late to the Relume party! Thank you for the thing you've done and continue doing it, you guys are the best!
really nice work , relume makes easier for me who not really competent with coding
Omg this is what i need
Yes, please! For sure make a video on your design principles. Thank you! @relume
Is this the end of front end developer?
I have one question: can I totally use Figma to copy this whole website?
Such an informative and nicely paced video. Do you have set rules for choosing colors or do you do it by what feels good and picking it in the color wheel until its right?
Thanks for building the library!!
How would one use the Relume library for a project already started with the client first style guide clonable?
Kaytranada and Tame impala <3
All the things you're talking about in this video as a designer makes total sense, just subbed to you & bdw this relume workflow is really quick, great work. Thanks, going to use it for sure.
Wrong title – Figma to Relume to Webflow
waw
Great video! Incredible Library. But I'd love to see the workflow not sped up, so I can follow along with you.
Awesome demonstration, really like the way you go through your thought process. What timer are you using in the video?
You guys are awesome but charge WAY to much to as a partner to develop in web flow. 1k per page is pretty crazy. I would have to charge my clients 10k+ to build a website with you guys in order to make a profit on my end. Make this more affordable for design partners!
Thanks for uploading this! Super useful, has helped me a great deal!
Your infinite loop solution is so much easier than using custom code. Genius!
Can you recommend the best way to learn figma?
This is insane! Please make more vids like this!!
This was so valuable to see your process from start to finish!!!
2 things by watching half of the video. 1. where do you get your icon packs from? 2. please create a video with your principles!
Good stuff man
Great video!
Good stuff, Adam!!! This will definitely help a lot of people get moving in the development process!
Good to see some Aussies delivering great products and content 😉
Crazy speed!
How do you handle all the ghost classes after renaming everything? Are you simply using the native Webflow cleanup feature?
They should actually change the website to this!
Thank you Relume for this! The speed we're now able to build our websites for clients has made a massive impact to our agency