Highlighted

Does XD has something similar to React Sketch app?

New Here ,
Dec 13, 2019

Copy link to clipboard

Copied

Does XD have anything similar to the React Sketch.app? 

<The Title was renamed by moderator>

Adobe Community Professional
Correct answer by Peter Villevoye | Adobe Community Professional

The features and goals of React are to get something technically tangible out of a Sketch design, by letting you use pre-fabricated design elements, which are accompanied by chunks of real code. BTW, Adobe did have a tool to freely design web and apps in a similar way, and get real code out of it. It was called Adobe Muse...  😉

 

But after a while, reality kicks in. It's just too hard for such an initiative to try to keep catering for all these ever-changing technologies, frameworks, implementations, database structures, and the latest gizmos. Sure, they'll attract a bunch of users, all happy-campers who have a clear and though-out workflow, based on tools which chime in with whatever Sketch or React does, but for how long ?

 

Adobe cleverly turned away from thinking and striving that Adobe XD needs to natively include inroads into all these areas and developments. If third-party developers want to hook up XD with something – that's fine. But I don't expect Adobe will implement any of them.

 

 

TOPICS
Code, How to

Views

400

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Does XD has something similar to React Sketch app?

New Here ,
Dec 13, 2019

Copy link to clipboard

Copied

Does XD have anything similar to the React Sketch.app? 

<The Title was renamed by moderator>

Adobe Community Professional
Correct answer by Peter Villevoye | Adobe Community Professional

The features and goals of React are to get something technically tangible out of a Sketch design, by letting you use pre-fabricated design elements, which are accompanied by chunks of real code. BTW, Adobe did have a tool to freely design web and apps in a similar way, and get real code out of it. It was called Adobe Muse...  😉

 

But after a while, reality kicks in. It's just too hard for such an initiative to try to keep catering for all these ever-changing technologies, frameworks, implementations, database structures, and the latest gizmos. Sure, they'll attract a bunch of users, all happy-campers who have a clear and though-out workflow, based on tools which chime in with whatever Sketch or React does, but for how long ?

 

Adobe cleverly turned away from thinking and striving that Adobe XD needs to natively include inroads into all these areas and developments. If third-party developers want to hook up XD with something – that's fine. But I don't expect Adobe will implement any of them.

 

 

TOPICS
Code, How to

Views

401

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Dec 13, 2019 0
Adobe Employee ,
Dec 13, 2019

Copy link to clipboard

Copied

Hi Valerialujan,

 

Thank you reaching out. I haven't seen anything similar in XD app. I would suggest submitting your request on our XD UserVoice page: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests so that our team can look into it.

 

Thanks,

Harshika

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 13, 2019 0
Adobe Community Professional ,
Dec 14, 2019

Copy link to clipboard

Copied

The features and goals of React are to get something technically tangible out of a Sketch design, by letting you use pre-fabricated design elements, which are accompanied by chunks of real code. BTW, Adobe did have a tool to freely design web and apps in a similar way, and get real code out of it. It was called Adobe Muse...  😉

 

But after a while, reality kicks in. It's just too hard for such an initiative to try to keep catering for all these ever-changing technologies, frameworks, implementations, database structures, and the latest gizmos. Sure, they'll attract a bunch of users, all happy-campers who have a clear and though-out workflow, based on tools which chime in with whatever Sketch or React does, but for how long ?

 

Adobe cleverly turned away from thinking and striving that Adobe XD needs to natively include inroads into all these areas and developments. If third-party developers want to hook up XD with something – that's fine. But I don't expect Adobe will implement any of them.

 

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 14, 2019 1
steve._b LATEST
New Here ,
Jun 01, 2020

Copy link to clipboard

Copied

Not sure if you are referring to https://github.com/airbnb/react-sketchapp but this is not turning XD (or here, sketch) files into react code. Its (mostly) about the reverse, aimed at creating symbols (aka components) from React code. So that once you have designed and built a component, it is then linked back to the actual implementation and not how the design was at some point in time.

Not the only way to solve the problem, but esp if you are an eng heavy company, a neat one.

From what I can tell, xd plugins can be created in react, so it should be feasible, but havent seen anything that does this well? And may not actually be possible given the fundamental differences between React and XD, as essentially you'd need a full blown react to xd rendering engine?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 01, 2020 0