Functional Visual Design cover image

My name is Hiroaki Satou.

I have a disability. Life is too hard, but create things help me stable in mind. Now I learn and develop design and coding as a hobby. This site records my creative thinking and output creation.

Latest Posts

Create Web Animation Mockup with After Effects Post feature image

Create Web Animation Mockup with After Effects

Why we should use After Effects to create animations that can’t be fully expressed in Figma, and the realities and limitations of implementation from both designer and engineer perspectives. I share the understanding of the relationship between design and code gained through failures and detours.

How to Convert Text into a Table in Figma Post feature image

How to Convert Text into a Table in Figma

When you want to turn plain text into a table in Figma, what do you usually do? Are you manually copying and pasting text blocks and aligning them with Auto Layout? In this article, I’ll show you how to efficiently convert a plain string into a structured layout using a plugin called Nisa Text.

Introduction of Japanese Typography. Post feature image

Introduction of Japanese Typography.

Essential guide to Japanese typography explaining Mincho and Gothic fonts, how kana design affects readability, best practices for font weights, and web design implementation. Features recommended fonts AXIS and Ryumin-KO plus the distinctive Tsukushi Mincho series.