Within AI, there were a few “breakthrough” moments after I thought that there wouldn’t be any breakthrough moments any more. After OpenAI’s GPT4 released, there was a period of around 6 months where I felt what we could get from AI kind of stagnated. But all in all I felt AI was a helpful tool, […]
Category Archives: workflow
Our logo design process
- Posted in workflow
A client might come to us with the question to design a logo; but in our minds, it’s the start of a larger branding process. A logo can hardly be designed in isolation; it’s necessary to cement it within a cohesive brand, with considerations for typography and colours. Ideally, there is room to work on […]
HTML prototyping with AI
- Posted in workflow
As I mentioned in my previous blog post about AI wireframing, your biggest asset as a startup is speed. The last two workdays were spent using a combination of Claude, Figma, Cursor, and Wispr Flow to work on an HTML prototype. I created a large desktop React prototype with seven modules (launch checklist, [secret module […]
User interface wireframing with AI and speech dictation
- Posted in workflow
As a start-up, your biggest asset is speed. I’ve used a new technique that I’ve called prompt wireframing where I use a combination of tools to get the job done. There is this moment in a project when it’s unclear where things are going. There are designs somewhere. There’s a user story spreadsheet somewhere else. […]
Converting an .mp4 to a .gif using ffmpeg
- Posted in productivity workflow
Today I was converting an mp4 video to a gif and I figured I’d document some commands that helped in the process. I used ffmpeg to do this. You can install it on Mac or Linux using homebrew: For optimal quality, generate a color pallette based on a timestamp in the video: This will generate […]
Property toggle in Figma
Leuk, zo met 1 klik van dark naar light mode met deze plugin.
Checking for missing references when using custom properties
When you declare a variable with SCSS, like so: And you use it somewhere, but you make an error… …the compiler will warn you. In fact the project probably won’t compile. This prevents you from making a wrong reference. This type of bug is a “wrong reference bug” i.e. we are referencing the wrong thing. […]
The 11 Figma plugins I immediately installed again on a new account
When you create a new Figma account, all your plugins are gone. This creates an interesting situation where you’ll only install plugins that you actually use. The plugin list on my Mono Figma account is huge from trying things in the past and not cleaning it up. But my new freelance account, it’s clean. Here’s […]
Google Drive for Desktop v50: manual reindexing
With the new Google Drive for desktop update, Alfred stopped working. I rely heavily on Alfred to find files, to move to deep folders quickly etc. For reference here is the version I am using: I think reason it doesn’t work is because Spotlight doesn’t index the drives anymore. You can solve this by running: […]
Designers: please use rectangles for borders, not lines
To draw a line, use the line tool. Sounds logical, doesn’t it? However, since year and day, I’ve avoided using the line tool and I don’t think I am the only designer to do so. If you’re using a line for a border, do yourself a favor, and just draw a rectangle instead. What you’ll […]