Rendition creates a two-way sync between design and code. It’s a figma+github plugin that will write UI code for you from designs. To do this, it compiles figma designs into react code and creates a pull request in your repo.

It also syncs designs from code back into figma, and this lets designers more easily work off of the latest designs (“pull latest designs from code”). And because Rendition syncs design and code in both directions, iterating on UI works well by generating nice diffs for PR review and allowing you to edit the generated code.

We think of it as an extra pair of hands to implement html/css for us. It’s best for relatively small product teams who need to get a lot done quickly.

Let us know what you think, and yell at us if you think we’re wrong

We hope to carry the torch forward from PageDraw’s efforts in this direction: https://news.ycombinator.com/item?id=28201339 https://news.ycombinator.com/item?id=19273403