Faux Code Generator

Turn real code into faux code

6 followers

Turn real code into faux code

6 followers

•

•

Designers and illustrators sometimes create abstracted imitations of code for their technical illustrations and designs. This tool enables easy creation of editable SVGs from real code and syntax highlights. Use a random, or provide your own, Github Gist.

Launch tags:Design Tools•User Experience•Marketing

Launch Team

Customer.ioAutomate Messaging Everywhere — Startups Get 12 Months Free

Promoted

Already used this for a graphic on a high-traffic website... Check out https://factor.dev We used it in the 3rd graphic in the header.

Report

6yr ago

Bubbles

@andrew_powers Looks really neat :) btw the site is super clean but I noticed the top margin is a little off (see https://app.usebubbles.com/5d82e... for an example)

Report

6yr ago

Maker Minions eBook

@andrew_powers Beautiful site by the way!

Report

6yr ago

I like this idea, but everything is appearing black on the image! Please check it. PS: It would be specially useful if it would give me a gif with functions being activated.

Report

6yr ago

Looks like you hit the limit of the public heroku-hosted cors-anywhere, and the images aren't being generated anymore

Report

6yr ago

Bubbles

Really cute tool! I'll be using this, but I wish the visual would be a little less "faux". Right now it is not immediately obvious that it is code; I've shared a video of the user experience here: https://app.usebubbles.com/96035... with feedback in-context

Report

6yr ago