Selected work
Faiz IntifadaDesign Engineer · Bandung, Indonesia
Available for new work

or email hi@faizintifada.com

Isometricon

AI 3D icon generator for designers and product teams

CTO & Product Lead2024 — Nowisometricon.com

Contents
isometricon.com: one prompt field, and real output right under it.

Isometricon is an AI tool that turns a short prompt or a photo into a 3D icon. I lead product and engineering as CTO, from the first frames in Figma to the live release.

The problem

Designers use 3D icons on landing pages and in product UI. Most AI image tools give you one good icon. The next one has a different light, angle and material, so the set does not match.

I wanted the tenth icon to look like it came from the same artist as the first.

Lock the style first

Before we added features, we fixed the look. Every icon uses one base style for light, camera and material. People pick a style, not a prompt recipe.

style-lock.ts
const style = {
  light: "soft studio, top left",
  camera: "isometric 30°",
  material: "matte clay",
};

The prompt field stays simple. You describe the object, and the style does the rest.

The prompt field: describe the object, and the style does the rest.

From a photo, too

Many people wanted icons of their team or their product. Image-to-icon turns a photo into the same 3D style, so a portrait sits next to a plant in one set.

Build the set in view

A set grows one icon at a time. The generate screen keeps every result in a history panel, so you always see the set while you build it.

The generate screen: result in the center, history on the right.

What shipped in the first year:

  • Lock one style for light, camera and material.
  • Turn a photo into the same 3D style.
  • Keep every result in a history panel.

Where it is now

Isometricon is live. People have created 14,166 icons with it so far.

“If you have an idea but don’t know how to make it happen, just reach out to Faiz. He will bring your idea to life, beyond expectation.”

Wildan Lazuardi, Senior Graphic Designer