gaspanik.com

Masaaki Komori

Designer & Front-end Engineer — Figma ⇄ code, with AI

Profile

Profile

Working independently since 2001, I bridge the gap between UI/UX design, design systems, and modern front-end engineering. As an author of numerous web design books in Japan, I specialize in Figma enterprise training, design token architecture, and production-ready frontend development. Also ranked among the Top 500 all-time most viewed and downloaded creators globally on Unsplash.

In recent years, I have focused on building AI-driven workflows that seamlessly connect Figma and code in both directions—empowering designers and developers to build better products faster.

An ink-wash style study scene: a steaming teacup and an open book in front of a shoji window

Career

Selected work

  1. 01Verification and production of operation manuals for a major manufacturer
  2. 02Website production and operation for artists signed to a major record label; planning and production of promotional content
  3. 03Production of websites and promotional content related to films and characters (including mobile-phone versions)
  4. 04Production of an anniversary website for an internationally known character
  5. 05Launch, production and operation of a talent agency's website and a mobile carrier's official site
  6. 06Planning, production and management of a fashion brand's website
  7. 07Production and operation management of web content (CMS) for a major newspaper
  8. 08Content production and operational support for an overseas cosmetics brand's e-commerce site
  9. 09Production of email newsletters for major retailers and manufacturers
  10. 10New-hire training and in-house seminars as an instructor at major IT companies, web production firms and advertising agencies
  11. 11Regional revitalization support for local governments and chambers of commerce (web and social media operation)
  12. 12Design and implementation of corporate sites and design-guide sites for major interior and household-goods brands
  13. 13Design planning and product development support for a major Q&A site
  14. 14Participation in a core-system renewal project at a major education company; design, development and operational support for AI products
  15. 15Development and operational support for a telecom company's Shopify e-commerce site
  16. 16Design system development and UX improvement for financial-institution systems
  17. 17Technical writing for web production magazines; talks at seminars and conferences
  18. 18From 2025: producing and selling beginner video courses on Figma, React, Tailwind and more
  19. 19From 2026: selling packaged skills for AI agents and providing corporate AI training

Books

Books

  • 『プロとして恥ずかしくない 新・WEBデザインの大原則』 (supervising editor)
  • 『レスポンシブEメールデザイン　マルチデバイス時代の魅せるメルマガの作り方』
  • 『レスポンシブ・ウェブデザイン標準ガイド』
  • 『WordPress高速化＆スマート運用必携ガイド』

More of my books are listed on my Amazon author page.

Services

What I do & where to buy

kmrvid.com

Sales of video courses and Japanese editions of agent skills. Beginner-friendly video courses on Figma, TypeScript, React, Tailwind, Astro and more, plus Japanese editions of skills for Claude, Figma and Muse.

https://kmrvid.com/

kmrvidskills.dev

Detailed information on each KMRVID Skills package, with links to the storefronts for each language edition.

https://kmrvidskills.dev/en/

Gumroad — gaspanik

Sales of multilingual (English) editions of agent skills.

https://gaspanik.gumroad.com/

Links

Links