macintoshhelper / react-xd Goto Github PK
View Code? Open in Web Editor NEWRender React components to Adobe XD. Build design systems and libraries from your code.
License: MIT License
Render React components to Adobe XD. Build design systems and libraries from your code.
License: MIT License
A more scalable way of architecting this project could be to use react-reconciler
to build a JSON tree, which is then passed through to a walk function which renders to XD outside of the React cycle.
The JSON tree generation could even be parallelised in a separate process to speed up rendering, and would then allow for using yoga-layout
, etc.
This is more an issue with Adobe XD, but group nesting is broken. This is blocking development on the View
component system, which is an integral part of this repo.
The Adobe XD scenegraph
doesn't let you create a new group with children, but requires you to add the children to the document root, select them with commands
, then create a group, but this doesn't appear to work when one of the children is a group.
I'd love to know if this is just a limitation in the Adobe XD platform API, or if there is a way around this.
This is currently a proof of concept project. It can be used for some simple features, but has a lot of work to be done to make it useful as a React Primitives/React Native app target.
A maintainable CSS to Adobe XD API abstraction layer is needed, and a better layout solution. yoga-layout
will not run in Adobe XD's JavaScript execution environment due to nbind
's use of eval
issue, so I have resorted to using the unmaintained css-layout
library for now.
There are some issues with Text flexbox layout.
TODO (WIP issue)...
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.