Integration or Export the UI to JS React Native file

Hi there! I'm excited with this tool from you.
I came here to suggest few things base in actual ideas going on.

I'm a React Native user. I'm pretty excited with RN too. And I would be glad to merge RN with Xd.

For RN we have few tools (IDE) like Deco IDE (just MAC...) and exponent. Deco is very interesting and Xd could overcome it.

I think create UI inside Xd and transform the it's layers into React native tags would be the simplest way. Adobe XD would not be affected just creanting a kind of "react export". These would be totally separate tools, just the transformation of the UI is the work of the XD.

But if could create a imertion with React Native like Deco or exponent. Creating a very visual Design tool that can deal with react native like exponent does. Would be great. But, exporting layers into React native JSX Devs is enough.

75 votes

MichelDiz shared this idea · Mar 18, 2017 · Flag idea as inappropriate… · Admin →

10 comments

An error occurred while saving the comment

dimuthu commented · January 30, 2020 10:55 AM · Flag as inappropriate

https://builderx.io/
this is amazing tool to build UI in react-native

Submitting...
Johannes Pichler commented · November 17, 2018 5:04 PM · Flag as inappropriate

btw, it is for react an react native ;)

Submitting...
Johannes Pichler commented · November 17, 2018 5:02 PM · Flag as inappropriate

just released an exporter for react as xd plugin. waiting for review submission.
Issues may be opened here: https://bitbucket.org/joeherold/export-react

Submitting...
Anonymous commented · October 23, 2018 12:29 AM · Flag as inappropriate

ya we need react UI builder for xd

Submitting...
demian commented · October 9, 2018 3:42 AM · Flag as inappropriate

React native. And react for webs too. A very powerfull tool

Submitting...
demian commented · August 14, 2018 5:05 AM · Flag as inappropriate

i like to export to react like react studio on neonto. use database firebase, and a simple export settings.

Submitting...
ESersic commented · June 24, 2018 10:20 AM · Flag as inappropriate

It would be great to blend design and development, for example, that I would design components and be sure that they can be like that. This would be great for my theme because it would save time. This feature shode have an export option which developers code just implement into the project code.

Submitting...
Daniel Vengoechea commented · January 3, 2018 2:22 PM · Flag as inappropriate

More or less like this : https://github.com/nanohop/sketch-to-react-native

Submitting...
Jake commented · December 6, 2017 9:28 AM · Flag as inappropriate

Exporting to React will save massive amount of time for our developers. It will reduce the code generation and help improve reuse.

Submitting...
Dominick commented · August 6, 2017 6:56 AM · Flag as inappropriate

Has this worked for You, have you found a better way

Submitting...