title: Transform a picture full of polygons shapes to code
body: <p>I'm new to web/mobile app development. I'm using react-native.</p>
  <p>I have a picture containing multiple polygonal shapes, let's say <a href="https://i.stack.imgur.com/GZBfN.png" rel="nofollow noreferrer">this one</a>.</p>
  <p>I'd like to transform each of theses shapes (in the picture) into multiple corresponding generated shape with code.
  I know I could do this manually using <code>styles</code> properties (width, border, top, left etc) but I don't really wan't to break my brain on figuring how to achieve it for each shapes, considering that I'd like to render more than 100 different shapes extracted from a picture.</p>
  <p>Is there a tool or something that can generate automatically the <code>styles</code> code from uploading a picture ?
  Even if I could draw manually the shape in a picture editor, that then generate code, it would help me to save a lot of time.</p>
  <p>Thanks</p>