This is one of those nerdy things that I keep coming back to. In this remote world, we are often screen sharing designs. I believe you need to be accutely aware of how the other side is receiving your output. Next to making sure you output good sound (a good microphone helps) and while presenting, […]
Category Archives: workflow
Processing credit card statements efficiently
- Posted in pre-accounting workflow
This is another pre-accounting post. Last time I talked about dealing with international invoices in Google Sheets. This post is about processing credit card statements efficiently. What do I mean by “processing credit card statements”? The task at hand here is to compare the expenses you have in 1 table in a sheet, with the […]
Dealing with international invoices in Google Sheets
- Posted in pre-accounting workflow
In what I call my “shadow bookkeeping”, I have a table with expenses. In this table, I have various invoices with various currencies: euros, US dollars, British pounds and Mexican Mexican Pesos. I pay most of my business expenses with a business credit card. If the expense is in a foreign currency, a transaction will […]
Kill process on a certain port
- Posted in workflow
How to kill processes that are running on a certain port? For example, I am running shadcn but I get an error that the port is in use (“EADDRINUSE”). How can you fix that? For example for port 4000 – list the processes (PIDs in macOS): Then kill those processes: That should do the trick!
Subframe
- Posted in apps design design-systems development workflow
This week I got a chance to try out Subframe. It’s a new design tool that is slightly hard to position within the category of design tools. Subframe follows the logic of Subform (RIP) where you are not working on a free canvas, but all your designs are “auto layout” by default. A tool like […]
Designing interfaces with AI
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, […]
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 […]