Painting with Code: Introducing our new open source library React Sketch.app

Re:Painting with Code: Introducing our new open source libra... by jongold on Tuesday April 25, 2017 @02:10PM (#14196397)

The initial usecase we built it for was generating templates for our design system (color palettes, components etc). At our size, keeping them in sync with the production state-of-the-world was super difficult. So we scripted it, using our production components.

It also led to some exciting new uses:

- component pickers / editors for Sketch that are backed by real components rather than Sketch symbols (build your own UI)

- automatic accessibility checking / internationalization

- using real data in Sketch with real GraphQL queries etc

- as a building block for using Sketch as a canvas for the design tools of your dreams, whilst maintaining compatibility with the tooling your designers use today

[ Parent | on HN ]

Re:Painting with Code: Introducing our new open source libra... by joekim on Wednesday April 26, 2017 @06:37PM (#14207661)

> automatic accessibility checking

Can you elaborate on the automatic accessibility checking? Are you testing the sketch file or the react-primitive code for accessibility tags?

[ Parent | on HN ]

Re:Painting with Code: Introducing our new open source libra... by jongold on Wednesday April 26, 2017 @10:13PM (#14208695)

e.g. checking accessibility of colors in a UI :)

[ Parent | on HN ]

Re:Painting with Code: Introducing our new open source libra... by joekim on Thursday April 27, 2017 @05:42PM (#14214976)

OK, like detecting lack of contrast for color blindness?

[ Parent | on HN ]