iiinova — where your digital self keeps evolving

Tom @tomyandesign.bsky.social · 29/04/2026

Just updated my personal site to the third version, expanding the site to a multi-page site and restructured the architecture to make it easier to maintain in the long term. Also, from a design perspective, I removed the visual distraction and made it cleaner and more minimal.

The home page screenshot of Tom Yan's personal site.

110

Tom @tomyandesign.bsky.social · 29/03/2026

Just updated the site to a new layout. It's still a temporary version. Now, I'm organizing the site structure by combining the future content plan. I think the site will update as well as my biz site. Yes, they are both under-construction and willl update later🛌

The home page design of Tom Yan's personal site

110

Reposted by Tom

Richard Rutter @clagnut.com · 16/03/2026

I made a big upgrade to my little `font-size-adjust` tool. You can now upload a font, configure some variable axes if needed, and it will spit out the values you'd need for `ex-height`, `cap-height` or `ch-width`. clagnut.com/sandbox/font... #css #typography

clagnut.com

Font metrics calculator for font-size-adjust

3378

Reposted by Tom

MoMA Paintings and Sculpture @moma.bsky.social · 11/03/2026

Theo van Doesburg, Rhythm of a Russian Dance, June 1918 botfrens.com/collections/14377/cont…

Acquired through the Lillie P. Bliss Bequest (by exchange)

1559

Tom @tomyandesign.bsky.social · 18/04/2025

Thanks to the documentation I did in these 2 weeks. I can apply them to the latest landed client who requires the content strategy😁.

000

Reposted by Tom

henry ✷ @strange.website · 17/04/2025

"we're using tailwind to solve our CSS problems" very cool i'm using cigarettes to solve my stress problem

522845

Tom @tomyandesign.bsky.social · 16/04/2025

Wrapped up the very first draft of the high-fidelity wireframe for Morro. After this step, it has: 1. Rough draft of all the pages (layout) 2. All page navigation 3. Typography system, 1st draft 4. Whitespace system, 4px system, 1st draft 5. Basic reusable components

100

Tom @tomyandesign.bsky.social · 15/04/2025

I should do the entire wireframe before I design every detail for the pages. However, can't wait to do the first design anymore. I just finished the shop page wireframe, and tmr I will draw out the entire wireframe and connect those pages with the IA and sitemap I set up a few days ago.

110

Reposted by Tom

Pavel @spavel.bsky.social · 15/04/2025

"AI work is just as good as human work" is a statement that *always* flows from the direction of power. Employers to workers, producers to consumers, but not the reverse. Because it's not a thing people actually believe, but an argument: slop is good enough for you; you are slop.

191668528

Tom @tomyandesign.bsky.social · 14/04/2025

Just reached the design phase for Morro☕️ Here are 5 icons I designed for the project, from right to left: Roasted, Origins, Flavor, Stillness, and Grind. Once I wrap up the full design, I’ll be writing a few blogs breaking down the process. 👇🏼

I designed five icons for the product details section for Morro. From right to left is Roasted, Origins, Flavor, Stillness, and Grind.

010

Reposted by Tom

MoMA Paintings and Sculpture @moma.bsky.social · 13/04/2025

Francis Picabia, Comic Wedlock, Paris, June - July 1914 #artbots #moma botfrens.com/collections/14377/cont…

Eugene and Agnes E. Meyer Collection, given by their family

07815

Tom @tomyandesign.bsky.social · 10/04/2025

Spent these few days documenting the entire design process (still not done yet) from research to strategy to design while reading a lot of articles to ensure the step isn’t just based on my experience but actually grounded in real definitions and UX principles.

100

Tom @tomyandesign.bsky.social · 09/04/2025

Also, recently, I designed and developed a mini Sims-like game in my free time. The core mechanics are up and running, and I’ve just wrapped the basic code. Next step: connecting everything with condition logic in the next few days 🎮

100

Tom @tomyandesign.bsky.social · 09/04/2025

Dropped a blog yesterday on what I learned (and did) in the recent Flowbit concept case study. It’s all about turning research into real design results, especially for SaaS 👇🏼 atstudio.live/blog/pages/t...

atstudio.live

Content-First SaaS Web Design: From Research to Results

Learn how to turn SaaS research into clear content and conversion-focused web design. A step-by-step guide with real examples from Flowbit’s website.

110

Reposted by Tom

MoMA Paintings and Sculpture @moma.bsky.social · 07/04/2025

Sophie Taeuber-Arp, Composition of Circles and Overlapping Angles, 1930 #artbots #moma botfrens.com/collections/14377/cont…

The Riklis Collection of McCrory Corporation

111715

Tom @tomyandesign.bsky.social · 08/04/2025

Kind of addicted to documenting lately. The more I organize my work, the more I realize how much I still don’t fully understand.

Tom and Jerry: Episode Mouse Trouble - A scene that Tom tries to shot Jerry but the gun is actually pointing toward himself lol.

000

Reposted by Tom

Tom @tomyandesign.bsky.social · 31/03/2025

Literally me 🛌

001

Tom @tomyandesign.bsky.social · 07/04/2025

Starting today, I’m documenting the full design process from research to strategy to final design. Defining user tasks, information architecture, and user flows gets a bit complex, but it’s fun turning the chaos into something more structured and professional 😬.

000

Reposted by Tom

MoMA Paintings and Sculpture @moma.bsky.social · 05/04/2025

Richard Pettibone, Frank Stella, "Darabjerd II," 1967, 1968 #artbots #moma botfrens.com/collections/14377/cont…

0789

Tom @tomyandesign.bsky.social · 06/04/2025

Finished the Flowbit case study a few days ago, and I’ve been working on a few blogs about what I’ve learned throughout the journey. This one dives into how to research SaaS websites effectively 👇🏼 atstudio.live/blog/pages/h...

atstudio.live

How to do effective SaaS web design research in 5 easy steps

Learn 5 simple steps to research SaaS web design that gets people to join. Understand users, products, and competitors for a winning site.

000

Reposted by Tom

MoMA Paintings and Sculpture @moma.bsky.social · 05/04/2025

Pablo Picasso, Still Life with Liqueur Bottle, Horta de San Joan, August 1909 #artbots #moma botfrens.com/collections/14377/cont…

0588

Tom @tomyandesign.bsky.social · 05/04/2025

Just published the visual version of the Flowbit web design case study. See how we approached responsiveness, structure, and design clarity on Behance 👇🏼 www.behance.net/gallery/2229...

behance.net

Flowbit Web Design - AI Productivity SaaS - AT Studio

000

Tom @tomyandesign.bsky.social · 04/04/2025

Wrapped up the Flowbit web design concept this week—responsive from desktop to mobile, all built on a solid design system. Just finished the case study today and plan to write a blog soon on how to approach effective research for web design.

100

Tom @tomyandesign.bsky.social · 03/04/2025

Just updated Flowbit’s Design System—now structured into Typography, Color, Spacing, Iconography, Buttons, and the Smallest Reusable Components.

This is the upgraded Design System for Flowbit, which is structured into Typography, Color, Spacing, Iconography, Buttons, and the smallest reusable components.

010

Tom @tomyandesign.bsky.social · 01/04/2025

If you’re clear about what you’re doing, AI is a not bad assistant to speed up your thinking process. But if you don’t even know what question to ask, don’t let generated text deceive you into complacency.

100

Reposted by Tom

Pavel @spavel.bsky.social · 28/03/2025

LLMs are the ultimate capitalist technology, part n: negative externality edition. Increase your productivity by instantly generating something you can pass off as "done" - and screw the people downstream who are going to use your outputs as their inputs.

731169

Tom @tomyandesign.bsky.social · 01/04/2025

Built a design system for Flowbit and used it to create a responsive phone version while keeping everything consistent. A design system bridges the gap between designers and developers. I used to code, but now my friend Alex handles most of the dev work—still keeping the habit alive! 😁

The Design System of Flowbit - an AI Productivity Assistant.

The phone verion overview of Flowbit's web design.

210