When I started with Webflow I too started designing directly in the designer. But here’s the thing. This is what I was doing:
In Webflow you throw in a section, set it to 100vh. Make it flex, centre it, throw in a div, give it a class, throw in a text block, make it an H2 just in case you forget, change the font, change the colour, add a class (just in case you forget), duplicate it, change it do H3 just in case you forget, add a class, change the font, change the colour, change the size. Duplicate the heading again. Decide to make it white so turn it into a combo class. Decide it looks all wrong, so shift the flex box alignment to the right. Decide to add some padding to make it look better but had forgotten I had used the class for the original div on multiple other pages and now they all look wrong. Add a button: but was the class name for buttons CTA_button_black or CTA_button_blk? Go to another page to check. But find something wrong on that page that needs fixing and you start fixing that. Forget why you came to that page in the first place. Go back to the original page, remember, go back to the other page, apply the class name to the button, thinks it looks wrong so aligns it to the right of the page FORGETTING that I’ve just now realigned all the other buttons on the website. REMEMBERS. Turns it into a combo class. :: sighs ::
You can use Figma, or Adobe XD (which I use). Throw in a rectangle. Throw in some text. Play with it until you find a design that you are happy with. THEN start building, starting with a style guide and then building from there.
I’ve found the latter process to both be quicker and more efficient, AND much more rewarding. It was just much more satisfying to build and tweak the design on “paper”, get it approved by the client, then go into Webflow and systematically build it to best practice and having the end result look exactly the same as the original design. All done in about a quarter of the time.