here's one way to do it:
- Sign up for relume trial and in that time gen sitemap and wireframe. Export to Figma.
- Sign up for free Figma plan. Clone Relume's Figma starter file. Use Figma to design the UI (apply content and branding and assets to wireframes).
- Sign up for free Webflow workspace. Once design is approved by client, clone the Relume starter file in Webflow, then copy and paste components. You can only build two pages on free plan.
Assuming you're doing client work, at some point in that process (for me, before I start work) you can charge for a % of the budget (e.g. 50%) and cover the cost of some or all of the above. It to get started you can do it all for free.
I haven't used the free Figma plan for ages, but it looks like you don't have a limit on number of pages or projects, but you can't use variables. Relume's starter file uses variables.
I was initially confused about the role of Figma given exporting directly from Figma to Webflow doesn't seem like the ideal workflow that Relume recommends, even though Webflow has their plugin and app to enable this. Basically you design in Figma and then recreate in Webflow.
When site is ready in Webflow, then you so this:
- Use email alias to sign up for a new Webflow workspace for client (every account is really a workspace even if the pricing plans in WF don't make that clear), e.g. email+alias@domain.com (blair+client@rorani.com).
- Transfer site from your workspace to this new one and set everything else up like custom domain etc.
- Invite your real email as guest (requires paid Webflow freelancer plan at minimum)
- Change email for client workspace to their email and get them to sign up for a site plan and add to the site you transferred (a site plan is hosting for a site, they should just call it that)
At this point your new site should be published and live. Planning to create a short guide on this as it is the main workflow I needed when starting to use all three tools but there isn't a "getting started" tutorial that includes all this info, it is scattered across many tutorials and Webflow uni docs.
Hope that helps.
