Categories
👨🏽‍💻 #Coding 💻 #Design 🕷 #Web 🖼 #Art

Creative Coding: Making Noise

I love the wave-like patterns in these images. I recently made these using <canvas> (which I’m learning about in the Creative Coding workshop that I’m taking), and each shape that you see is a Unicode character. Their positions are evenly distributed on a grid while their sizes and rotations are generated using the noise2D function. […]

Categories
👨🏽‍💻 #Coding 💻 #Design 🕷 #Web 🖼 #Art

Hello, Creative Coding

Now that I’m a full-time designer, most of my days are either spent planning projects in Asana or working on them on Figma. I hardly ever do any programming nowadays, and I miss the feeling of writing code and bringing websites to life. I’ve been thinking about small programming projects that I could do in […]

Categories
💻 #Design 🕷 #Web

Working on a new Figma Plugin

During Hack Days last month, Robert and I thought it would be fun to make a Figma plugin that we could use while designing. We had many ideas, but we ended up settling on the idea of a plugin that fetches website metadata. We wanted a plugin that could fetch Open Graph information about a podcast, a song, or […]

Categories
💻 #Design 🖊 #Notes

Watching: Designing for Trust in an Uncertain World

I’ve been setting aside some of my free time to either watch talks or read books about design. Last weekend, I watched a recorded talk from An Event Apart called “Designing for Trust in an Uncertain World.” To me, the gist was about how we can make people feel smart and confident about their decisions. People see many inconsistencies […]

Categories
💻 #Design 🖊 #Notes 🕷 #Web

Watching: Slow Design for an Anxious World

I’m currently going through videos from AEA DC 2019, and I wanted to share my notes on Jeffrey Zeldman’s talk called Slow Design for an Anxious World. When we need fast Fast is great for service-oriented designs. 80% of the time, we want to create designs that reduces friction and gets out of the way […]

Categories
💻 #Design 🕷 #Web 🖊 #Notes

Reading: Design for Real Life

I recently read the book called Design for Real Life, and I wanted to share some of the notes that I wrote down while reading the book. Advocates for designing for the most vulnerable, distracted, and stressed-out users. If you make things for people at their worst, they’ll work that much better when people are […]

Categories
💻 #Design

Hello, Auto Layout

Figma has a new-ish feature called Auto Layout that I’ve been trying to get the hang of lately. What it does is it lets you specify how your designs will adapt once you adjust the contents inside it. That’s a bit abstract, so here’s a more concrete example: You can automatically set the height of […]

Categories
💻 #Design 🕷 #Web

Figma Plugin: Fast copy

There’s seemingly no limit to the number of wonderful plugins that are already out there for Figma. It’s inspiring but also humbling because it meant that I probably have nothing else to add to that infinitely growing list. It seems that every plugin idea that I can think of already exists in some form. As […]

Categories
💻 #Design 🕷 #Web

Extending the Workbench

The other week, I had some time to look into Figma Plugins during “Hack Days” at work. Since I’m familiar with both frontend and design, I thought it would be a good chance for me to take a step back from my day-to-day priorities and work on a hack days project that involves the two disciplines. I […]

Categories
💻 #Design 🕷 #Web

Tiny Animations

Back in 2015, I had a bit of a fascination with loading animations. If you’re not familiar, these are animations that you see whenever you wait for content to load on a website or an app. They’re meant to show progress or to distract you from all the waiting. Anyway, there was a couple of […]