Relume
Log in

Community forum for knowledge and support

Updated 2 months ago

Efficient Workflow: From Figma to Next.js with Relume

At a glance

The community member is new to the community and has a question about the workflow for getting from Figma to a Next.js app while taking advantage of the base code provided by the Relume app. Another community member responds that the React/HTML components rely on the same Styleguide that Figma follows, so there shouldn't be any issues with the workflow. The original community member then asks for more details on the specific workflow, such as whether they should copy the code from the Relume UI components and update it based on what's done in Figma, or if they should copy code exported from Figma itself. They also ask if there are any documented steps to fast-track the process as a developer using Relume.

JJoel Varty
·

Hi Folks! I'm new here and had a question about workflow. My team is doing a ton of work in the relume app, then exporting that to Figma where our designer is adding styles and such. What's the workflow to get from figma to a actual code in a Next.js app in the most efficient way possible while taking advantage of the base code that relume provides?

M
N
J
3 comments
MMatt Johnson

cc @Nour any thoughts here?

NNour

Hey @Joel Varty,

So, our React/HTML components rely on the same Styleguide that Figma follows, so I don't think you'll find any issues regarding the workflow

JJoel Varty

Awesome! I was wonder what that workflow was, though. Is the expectation that we copy the code from the components from your UI and then update it based on what’s being done in figma? Or do we copy code that’s exported from figma itself? I guess I’m really asking, is there a set of steps that can fast-track me as a developer using Relume, and is it documented somewhere?

Add a reply
Sign up and join the conversation on Slack