Research code-based design tools
Questions:
- Could we integrate some of the code-based design tools with GitLab?
- Could we extend the coverage of the process to cover design, plan, develop + CI/CD?
- Can these tools be integrated with design systems and their components? Could we use a tool like this once our design system components are ready?
Tools:
Doc for reviewing/documenting tools
Tool | Reviewed? | GitLab integration? | Design system integration? |
---|---|---|---|
Hadron | Yes | No, but probably possible | No, they speak about upcoming framework support |
BondLayer | Yes | Not yet but most likely possible | No |
Alva | Yes | Not yet but most likely possible | Yes |
Modulz | No, early access requested | ? | ? |
CodeKit | No, early access requested | ? | ? |
Specify | Yes | Yes | Seems like Sketch/Figma integration only |
Interplay | No, early access requested | ? | ? |
Compositor | No, no early access yet | ? | ? |
DS101 | No, early access requested | ? | ? |
UX Pin | No | ? | Code components coming soon |
Framer | No | ? | ? |
Blocs | No | ? | ? |
Articles:
- https://blog.prototypr.io/the-new-design-with-code-workflow-with-drag-and-drop-2b81ce21f077
- https://www.creativebloq.com/features/5-reasons-why-you-should-be-using-code-based-design-tools?fbclid=IwAR3Pdj4eN59rNNUheqAode6wlmtAq03B2lbOmlcMFOvlSYknWbFUfhy-_B4
- https://www.designernews.co/stories/98484-is-there-any-good-alternative-to-webflow
- https://www.youtube.com/watch?v=joMeYedXKoA&feature=youtu.be&utm_campaign=Code+Based+Design%3A+The+Workflow+Revolution+Webinar+-+Oct+2018&utm_source=hs_email&utm_medium=email&utm_content=67166406&_hsenc=p2ANqtz--NWVzwccFGTIwVGP1UEUV5fM-e5YSIo3kQyDiC-FEQ5hMdHm9ulmoL96OAJiOHpDdKoHUuok7CpvmsG8LdvRDj8eq6gw&_hsmi=67166406
Edited by Tim Noah