Open Design SDK

Read and display data from designs, using code

4 followers

Read and display data from designs, using code

4 followers

Open Design SDK is an open-source Node.js library that gets data from Figma, Sketch, Adobe XD, Photoshop, and Illustrator designs.

Free Options

Launch tags:Design Tools•Developer Tools•Tech

Launch Team

Webflow | AI site builder — Start fast. Build right.

Start fast. Build right.

Promoted

Avocode

Hunter

Hey Product Hunters, Vu here. We first launched Open Design on PH about 5 months ago. Since then, we've talked with many of you and built a whole host of new features that we're launching today. To give you a quick reminder, Open Design allows you to import Figma, Sketch, Adobe XD, Photoshop, and Illustrator designs and get all kinds of data from them. You don't even need the original design tool (goodbye Mac servers running sketchtool)! You can do things like: - Get text (or basically anything else) - Extract assets - Export shapes (even complex ones) - Convert the design to a completely different format Until now, the REST API was the only way to access Open Design. Drum roll, please... 🥁🥁🥁 Today, I'm super excited to launch Open Design SDK for Node.js developers. 🚀 Here's what you can do with the SDK: - Just call importDesignFile(): use native JavaScript methods instead of constructing HTTP calls - Render: generate images from individual layers or entire artboards - Support for Adobe XD: XD joins Figma, Sketch, Illustrator, and Photoshop as supported formats - Get design data quickly: helper methods are included to help you quickly find and get the data you need - TypeScript types included: interact with design data with more confidence with types Also, there's explainer articles, how-to guides, and a full tutorial in the docs. If you have any exciting ways to use Open Design, I'd love to hear them! Our team is also going to hang around all day to answer any questions or help you get started. — Vu

Report

4yr ago

Avocode

Maker

Here is an example of Open Design in action: XD to Sketch Converter 🪄 We cannot wait to see other amazing products and tools becoming a reality with the help of the Open Design SDK 🚀

Report

4yr ago

Langtail

Maker

It's was great connecting with the PH community a few months ago for the launch of Open Design and I can't wait to do it again for this release. Thanks for your support!

Report

4yr ago

Love this kind of project! Congrats on your launch 🎉

Report

4yr ago

Langtail

Maker

@lucas_p Thanks for the kind words! We're excited 🚀

Report

4yr ago

Very comprehensive set of components and nicely implemented. Nice work & amazing UI kit @helloiamvu👏🏼

Report

4yr ago

Avocode

Hunter

@giri thanks for checking it out!

Report

4yr ago

This is super neat. Deserves more upvotes, honestly. @makers Congrats, and thanks for a cool product!

Report

4yr ago

absolutely amazing!!!! do you guys have some video tutorials on how to use it?

Report

4yr ago

Webflow | AI site builder — Start fast. Build right.

Start fast. Build right.

Promoted

Avocode

Hunter

Report

4yr ago

Avocode

Maker

Here is an example of Open Design in action: XD to Sketch Converter 🪄 We cannot wait to see other amazing products and tools becoming a reality with the help of the Open Design SDK 🚀

Report

4yr ago

Langtail

Maker

It's was great connecting with the PH community a few months ago for the launch of Open Design and I can't wait to do it again for this release. Thanks for your support!

Report

4yr ago

Love this kind of project! Congrats on your launch 🎉

Report

4yr ago

Langtail

Maker

@lucas_p Thanks for the kind words! We're excited 🚀

Report

4yr ago

Very comprehensive set of components and nicely implemented. Nice work & amazing UI kit @helloiamvu👏🏼

Report

4yr ago

Avocode

Hunter

@giri thanks for checking it out!

Report

4yr ago

This is super neat. Deserves more upvotes, honestly. @makers Congrats, and thanks for a cool product!

Report

4yr ago

absolutely amazing!!!! do you guys have some video tutorials on how to use it?

Report

4yr ago