Where the design community meets.
Hi William, thank you for the feedback!
Are there specific plugins that you use the most? We would love to hear what makes your workflow seamless. You can also upvote the plugin support request here.
For react/web components, are you suggesting that you can convert an XD file into React / Web components?
In regard to your third suggestion, we are planning to make it easier to work with other file formats, including Sketch and Photoshop.
For making XD web renderable, you can view XD prototypes in a browser but it sounds like you want a way to convert the design into code? Could you tell me a bit more about how that helps you with visual version control?
I would image the React integration would be along the lines of [http://airbnb.io/react-sketchapp/](React Sketch App).
For plugins, I'm mostly speaking to the idea of opening up the platform to third parties so that can add integrations. I'm not sure right off the top of my head what Adobe have historically used for this. But letting the community build around XD is a great direction because it's what makes sketch such a powerful design platform for product.
Exactly what Hamish has mentioned. There are different strategies, but as a product tool, it would be sublime to render a component library in the editor - this can make a design system simpler to create and iterate on. Compositor's Lab (https://compositor.io/lab/) is also a great inspiration. The goal should be not to create code for handoff to the developer or engineer, but to create the UI components that are to be collaborated on with the developer or engineer. It's a fidelity issue. Hard to solve through people or process, but reliable once you design for components - like much of the industry has.
Yesterday, Invision released a great book on design systems that I believe work very well with sketch, but XD and your tooling make it very tough to collaborate as tightly on a design system. https://designbetter.co/design-systems-handbook in this, it details the responsibility of engineering and design teams. Engineers use components to implement the design. So my recommendation here is coming from trying to get your product to bring design and code closer - make the component the source of truth, make it a symbol, make it reusable.
The other file format issues are because moving between XD and Sketch could be a boon if you don't want to go in this direction. If you make the format interchangable, then Sketch can be design systems, and XD can be the place where the components come to life.
Making them web renderable is the idea of not converting it to code - but using the code as the source file to render and edit the designs. The difference is nuanced, so I'm sorry I don't know how to make it clearer. It's this idea of hopping to different products in order to get UI completed. If we don't have to hop, that helps design and engineering collaborate together better.
Thank you for the time, Kyle and XD team - I really appreciate what you're working on. We use XD at Flywheel.
Hi William, glad to hear you all are using XD at Flywheel!
We will work with the community to make it easy to extend XD, especially as there are a multitude of unique problems that designers are trying to solve. It is still a work in progress, but we’ll let you know more in the future.
For components, I see how that would significantly speed up your workflow and improve collaboration amongst designers and developers. Have you tried out the Design Specs (Beta) feature that we just released? I would love to hear your thoughts.
It sounds like from your other replies, that you would like a tighter integration between the design system, the designer, and the developer. The team is working on ways to make these connection points more seamless. Below are a few requests that may line up with what you are looking for react component export, HTML export, Sketch import
Thank you for being a part of this journey!
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.