# Design to code - Add code generation feature to penpot

**URL:** <https://community.penpot.app/t/design-to-code-add-code-generation-feature-to-penpot/1872>\
**Category:** Feature requests\
**Created:** [October 21, 2022, 12:24pm UTC](https://community.penpot.app/t/design-to-code-add-code-generation-feature-to-penpot/1872 "2022-10-21T12:24:20Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![imvetri](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/imvetri/32/1863_2.png) [@imvetri](https://community.penpot.app/u/imvetri)\
**Post date:** [October 21, 2022, 12:24pm UTC](https://community.penpot.app/t/design-to-code-add-code-generation-feature-to-penpot/1872/1 "2022-10-21T12:24:20Z")

</div>

Penpot got nice community attention from UX friends. Add a code generation, you will get attention of reactJS, angular, Svelte community.

Design to code does not work with Vue.

I have a proof of concept, working version, built on a concrete philosophy for **design to code**. As an open source design tool, I think it will be even more cool if you add code generation to automatically convert designs to code.

> **[GitHub - imvetri/ui-editor: Concept](https://github.com/imvetri/ui-editor)**
>
> Concept. Contribute to imvetri/ui-editor development by creating an account on GitHub.