Best Practices for Adding Images in Figma and Webflow

Hugo E. · 2025-07-12T19:30:20.761Z

Hello everyone, I am the furthest thing from a web designer/developer you could possibly imagine. But I’m currently using Relume, Figma and Webflow to design my marketing business’ website I have a question about images, at what stage of the workflow do you put the images in their spaces? Do you do it in Figma after importing in the wireframe? Do you do it in Webflow, after importing in the wireframe after it’s been further designed in Figma?

Best Practices for Adding Images in Figma and Webflow | Relume Community

6 comments

· Sorted by Oldest

Miguel
·
·
Hey Hugo. Props to you for diving into Relume, Figma, and Webflow, especially if this isn’t something you’re used to. That’s not easy, and it’s great that you’re giving it a shot. About your question: there’s no single right answer. Some people add images in Figma once the wireframe is in, others prefer to do it in Webflow. It depends on your process and how comfortable you are with each tool. That said, Relume is an excellent tool, but to really get the most out of it, you need a solid understanding of how Webflow works. There’s a pretty big learning curve if you’re new to all of this. It can get tricky fast if you’re still finding your way around the basics. Unfortunately, there aren’t any shortcuts when it comes to Web Design. Some of us have been doing this for many years and it’s a constant learning. If you have the patience, the drive and specially the TIME (lots of it) Id say: go for it, but for what I’m reading you’d be better off hiring a professional or find someone that’s willing to do the site for free to help build their portfolio. Good luck!
Miguel
·
·
I forgot to mention that you also need to give Finsweet Client-First a look, but for understanding it, you need to be pretty familiar with Webflow, very familiar.
Hugo E.
·
·
Hello Miguel! Thank you for your reply. So you’re saying it gets a lot harder 🤣 ? Luckily, I’m proficient in Figma, I have to be for what I do. So I’ll add the pictures in Figma, that would make more sense. But once I’m ready to export and officially publish the site to the internet in Webflow, you’re saying I’ll encounter increased difficulty?
Miguel
·
·
A bit yeah, I’m not going to sugarcoat it 😁 To answer your question: yes, the tricky part usually shows up when it’s time to bring everything into Webflow and actually publish the site. Designing in Figma is one thing, but building it in Webflow involves understanding how classes, layout structure, breakpoints, CMS collections, and interactions work. If you’re not already comfortable with that side of things, it can feel like a pretty big jump. It’s not impossible by any means, but it does take some time to get used to how Webflow thinks. Let’s say for example that you export everything using Relume, but way down the line want to change the structure in Webflow. If you don’t know how everything works, you could fundamentally screw many other things on the website. Again, it’s not impossible, but this isn’t a prompt-the-fix solution. Webflow and Relume are meant for robust and scalable projects. Good luck!
Miguel
·
·
Everyone should think of Webflow as a visual code editor, not as a no-code drag-and-drop tool like Wix. People with a background in HTML, CSS, and JavaScript will understand it faster and work more efficiently with it than someone who doesn’t have that experience. I’ve always disagreed with how Webflow markets itself as simple and accessible for everyone. That can be misleading, especially for beginners.
Hugo E.
·
·
Thank you Miguel, very insightful. Luckily, the website is very simple, around 3- 4 pages. There’s no products, only an ‘Apply’ button scattered a couple times across the site that will be linked to a Typeform for client applications. That’s it. I’ll finish designing in Figma and we’ll see how it goes! I’ll continue asking questions in the slack if I run into any trouble.
🙏1

Miguel
·
·
Hey Hugo. Props to you for diving into Relume, Figma, and Webflow, especially if this isn’t something you’re used to. That’s not easy, and it’s great that you’re giving it a shot. About your question: there’s no single right answer. Some people add images in Figma once the wireframe is in, others prefer to do it in Webflow. It depends on your process and how comfortable you are with each tool. That said, Relume is an excellent tool, but to really get the most out of it, you need a solid understanding of how Webflow works. There’s a pretty big learning curve if you’re new to all of this. It can get tricky fast if you’re still finding your way around the basics. Unfortunately, there aren’t any shortcuts when it comes to Web Design. Some of us have been doing this for many years and it’s a constant learning. If you have the patience, the drive and specially the TIME (lots of it) Id say: go for it, but for what I’m reading you’d be better off hiring a professional or find someone that’s willing to do the site for free to help build their portfolio. Good luck!
Miguel
·
·
I forgot to mention that you also need to give Finsweet Client-First a look, but for understanding it, you need to be pretty familiar with Webflow, very familiar.
Hugo E.
·
·
Hello Miguel! Thank you for your reply. So you’re saying it gets a lot harder 🤣 ? Luckily, I’m proficient in Figma, I have to be for what I do. So I’ll add the pictures in Figma, that would make more sense. But once I’m ready to export and officially publish the site to the internet in Webflow, you’re saying I’ll encounter increased difficulty?
Miguel
·
·
A bit yeah, I’m not going to sugarcoat it 😁 To answer your question: yes, the tricky part usually shows up when it’s time to bring everything into Webflow and actually publish the site. Designing in Figma is one thing, but building it in Webflow involves understanding how classes, layout structure, breakpoints, CMS collections, and interactions work. If you’re not already comfortable with that side of things, it can feel like a pretty big jump. It’s not impossible by any means, but it does take some time to get used to how Webflow thinks. Let’s say for example that you export everything using Relume, but way down the line want to change the structure in Webflow. If you don’t know how everything works, you could fundamentally screw many other things on the website. Again, it’s not impossible, but this isn’t a prompt-the-fix solution. Webflow and Relume are meant for robust and scalable projects. Good luck!
Miguel
·
·
Everyone should think of Webflow as a visual code editor, not as a no-code drag-and-drop tool like Wix. People with a background in HTML, CSS, and JavaScript will understand it faster and work more efficiently with it than someone who doesn’t have that experience. I’ve always disagreed with how Webflow markets itself as simple and accessible for everyone. That can be misleading, especially for beginners.
Hugo E.
·
·
Thank you Miguel, very insightful. Luckily, the website is very simple, around 3- 4 pages. There’s no products, only an ‘Apply’ button scattered a couple times across the site that will be linked to a Typeform for client applications. That’s it. I’ll finish designing in Figma and we’ll see how it goes! I’ll continue asking questions in the slack if I run into any trouble.
🙏1