DEV Community

loading...

How to convert Adobe XD to React Native?

Gökhan SARIGÜL
・1 min read

Hello

Since i'm (almost) a total beginner to mobile development, i wanted to know how to convert an Adobe XD design to React Native.

There are couple tools to do this kind of work, but this tools exports everything as "views", even if it's a button. Sure i can copy styling and recreate the button. But is this the right way?

Is there any post/video/tutorial or something that explains this subject "from zero to pro"?

Thank you in advance

Discussion (4)

Collapse
highcenburg profile image
Vicente G. Reyes

Hi, there is a plugin that coverts adobeXD components to React/Vue components.

Collapse
blackfoxtr profile image
Gökhan SARIGÜL Author

Yes, there is "fireblade", "react native generator" and few more, probably. But i'm not sure if it's the right way. I can get styles and attach to other components. But is this how other devs do?

Collapse
nialljoemaher profile image
Niall Maher

Oh, I haven't seen these plugins! Going to check them out. 🔥

Collapse
gmpetrov profile image
Georges Petrov

Hello, i think Popcode is what you are looking for getpopcode.com