The Founder's Letter: Jordan Singer, Diagram

On Design

Disclosures
Packy McCormick · From the original essay
Inspired by the letter Kevin Song wrote to announce his company, withco, every month, we’re going to turn the keyboard over to a founder in the Not Boring Capital portfolio to tell their story in their words.
Title card: The Founder's Letter: Jordan Singer, Diagram

Browsing the internet in the early 2000s was a boring, predictable experience. Met with Times New Roman fonts and dark blue hyperlinks, every site looked mostly the same. If your Wayback Machine is broken, here are a few examples of nostalgic sites like MySpace and Wikipedia:

Wikipedia and MySpace, from the Wayback Machine

The only sites that stood out used different fonts, more colors, and vibrant imagery. I recall a 2004 version of apple.com that instantly captivated me. It was simple, easy to navigate, and almost artisanal in its craftsmanship. Intrigued, I wanted to know how to make a website like that for myself, but first I needed to learn how they were built.

eMachines

The eMachines PC of my childhood bedroom served as a portal—albeit a rather slow, noisy one—into an entirely new world. At a young age, this portal introduced me to a very important idea: the software that I was using, the internet I was browsing, was built by other people. If they could do it, why couldn’t I?

This led to my discovery of code. I started to learn code by inspecting the source code of my favorite websites. Like any good artist, I first copied existing sites. I would adjust the text, change some colors, and move both blocks and elements around. It felt magical that you could write some structured text that a web browser could understand.

Unfortunately, my sites were a visual mess, and I began to realize that code was only part of the equation. The sites from which I took inspiration, like apple.com, were also thoughtfully designed with intention. Someone decided where things were positioned and how they appeared. Thus began my foray into design. I started to understand the relationships between different elements by inspecting other sites’ use of size, color, and position. I learned to design by working backwards from code, and—through lots of trial and error —I started to discover my passion for building things.

For as long as I can remember, I have been building, whether by hand at a young age playing with LEGOs or by keyboard—writing code to create software. The possibilities are infinite when your personal creations can shape your world. Back then, I built things to solve my own problems and childlike curiosities. If useful to me, I would build it for myself and share it with the world. A few of my earliest products from my middle school days in 2009 were a simple way to check the forecast in any location called Weathr and a site for viewing nearby theater showtimes called NowShowing.

Jordan’s first apps: Weathr & NowShowing

Building to solve my own problems proved far more relatable than building for someone else. I understood the pressing urge or need for something to exist and so, I built it how I would want it to work. When you build things for yourself, you understand the problem better and can empathize with building for them more deeply.

In 2017, I landed at Square, a company I admired for its sleek design aesthetic. There, I worked on the Cash App as a product designer. It was a brand new experience for me, working alongside a design team and focusing solely on design. I started to empathize with and understand the problems and needs of the designers that make up larger design teams. There are all sorts of tedious, cumbersome, repetitive tasks that designers do everyday, from manually maintaining design systems with hundreds of components to organizing large and messy files. And, when I found myself or others doing those things, I saw the chance for automation to make life easier. Just like before, my desire to solve my own problems created the opportunity to build; and so building for designers meant building design tools. I realized that by building for myself, I could build for others and solve their problems too.

While at Square, I started to miss coding because I was so focused on design. During the pandemic summer of 2020, I used my extra time at home to get back to building. One of the projects I explored was called lil software. The entire idea was to make “lil apps” that took existing utility-based apps like Weather or Calculator and make a lil version of them—simple and minimal, with just enough functionality to get by. It was my excuse to learn how to make iOS apps. I started sharing these lil apps on Twitter and began hitting my stride by building an audience of those interested in both design and code. I created a brand behind all that I built called I build my ideas and went on to experiment with projects like Airport, which created a way to discover TestFlight apps, and Figma plugins like Designer, which used AI to design for you via a simple description.

Jordan’s lil apps

All of these projects and experiences have led to founding Diagram.

At Diagram, we are exploring the untapped intersection of product design and AI. We’ve seen the impact of AI on everything from copywriting to video editing to coding, and we plan to put AI to work accelerating both designers and their workflows. Our first product, Automator, automates Figma design tasks like importing external data and outlining your design specs in one click without any code. We have designers and design teams of all shapes and sizes automating the things they do in Figma day to day and saving them hours of time each week. They love that it removes the need to spend lots of manual time—via many points and clicks—and frees them up to focus on being more creative. One design team uses an automation every time they need to duplicate a template file tailored for each of their new projects, saving them hours of work. An amazing community has grown all around it and we’re only just at the start.

Diagram’s Automator

In addition to Automator, we’re actively working on building a larger suite of AI design tools. An upcoming Figma plugin of ours called Magician will be our first experiment to introduce AI into the design tool as a companion that helps with design tasks like automatically renaming your layers for you. It’s going to be an experimental playground to learn from and gather feedback that we’ll apply to the tools we build in the future.

When you have an idea for an app or website, staring at a blank canvas and not knowing how to visualize what you have in your head can be scary for those that don’t know how to design. One day, design will be so accessible that anyone will be able to visualize their ideas with low effort and design the software they’re using and the internet they’re browsing. At Diagram, we’re building magical new ways to design products that make design accessible to everyone.

A childlike curiosity has continued to stick with me. It's the thing that keeps me building towards bringing out the inner creative and designer in each of us. If you want to play a big role on our small team and help build the future of design, we’re hiring.