Playground

My experiments,
AI-powered.

AI is just a tool, but it is here to stay. I strongly believe we need to adapt and improve our workflows, as designers, to be able to make the most use of it — without forgetting about the human factor that makes our field so special. Here are some of my recent experiments exploring AI possibilities and vibe coding all the way!

Football NGO Website Concept

Claude Design

Claude Code

aaaaaaaaaa

Aviation Company App Prototype

Claude Code

Demo Video

A vibe-coded business development prototype of a new mobile app for an aircraft fractional ownership company. Focused on a brand new “Request a Flight” flow with a seamless and user-friendly experience, so clients don’t need to “manually” call or email attendants.

Luxury Fitness Website Concept

Claude Design

Claude Code

aaaaaa

"Next Game" Live Micro SaaS

Claude Code

Supabase

Live Product

A passion project micro-SaaS that lists where the following Palmeiras matches will be broadcast — men’s team, women’s team, and under-20. A Supabase database is automatically updated every day with real data using Claude Routines, so the platform UI is always up to date.

Claude Code Workshop

Claude Code

Skills

Video + Demo

I led a workshop on Claude Code for the ArcTouch design team, sharing how agentic AI is reshaping the way designers prototype and collaborate with engineers. Through a live demo, I walked the team through practical workflows and the mindset shift from chat to agent.

"Nectarine" Music Player

Claude Code

Supabase

A Joji password-protected private listening room, built as a PWA. Features leaked/demo tracks only and per-era theming with generative gradients, offline playback via IndexedDB audio downloads, and a Supabase-backed catalog with an admin panel for uploading new tracks and covers — all vibe-coded with Claude Code.

Agentic Shopping Prototype

Claude Code

OpenAI

Demo Video

A vibe-coded business development simple prototype of an agentic shopping experience for an e-commerce. Agent knows all products and interacts via a live chat with voice generation.

Minima UI Motion Prototype

Claude Code

Motion.dev

Live Demo

A vibe-coded mobile e-commerce experiment demo to exercise my UI Motion skills. Prototype based on wireframes + a simple PRD markdown and framer-motion animation library directions.

Figma Plugin Creator Skill

Claude Code

Skills

Created a comprehensive SKILL.md to build high-quality Figma plugins, with API references, gotchas, plus ArcTouch conventions for theming, asset generation, and Community publishing.

Eduardo Tanaka

Master Product Designer @ ArcTouch

February 2026

"A shoutout to acknowledge our design leadership who not only push for us to explore and incorporate AI into the design arsenal, but also create the material conditions for this to happen, with internal workshops, building bridges between designers and engineers, and connecting different initiatives so that there are systemic advances and not isolated ones."

User Flows FigJam Generation

Claude

Figma MCP

Adopted a new workflow to quickly generate editable and shareable FigJam user flows or sitemaps to iterate on using project documentation, like PRDs or GDDs, as a base.

Variables Lint Figma Plugin

Claude Code

Figma

A custom-made Figma plugin for ArcTouch, created using my skill, that identifies values linked to deprecated libraries and suggests variables from the active libraries.

Leadership Timesheet Tracker

v0 by Vercel

Supabase

A vibe coded tool for leaders to track the amount of hours used to provide management oversight to company projects. It exports data in .json to upload to the company tracking system.

Design with Cursor + MCP

Claude Code

Figma MCP

Connected Claude Code to Figma via an MCP bridge + WebSocket + plugin, and designed component documentation in Figma, with auto-layout, variants, and documentation structure.

Newbie Image Generator

v0/Vercel

Alt text API

A vibe coded tool to generate shareable intro images for recent hires in multiple formats and colors, following our visual guidelines. It generates alt text for accessibility compliance.

Neo.jpg Image Resizer

Claude Code

Vercel

Live Tool

My wife needed a way to easily resize and compress .jpg images to 80kb and 600px wide (don’t ask me why, lol). So I deployed a PWA that works offline so she can do it mobile.

My experiments, AI-powered.

My experiments,
AI-powered.