🇯🇵 Made with Figma Make クリエイターが語る制作のプロセス

Quick Overview

The session featured creators Kuwahara and Miyamoto discussing their production processes for creating interactive works using Figma Make for a Shibuya Scramble Crossing campaign, detailing iterative prompting, building custom debugging tools within Make, and achieving high-quality, complex results through collaborative refinement.

Key Points: Kuwahara created the interactive work "Autumn Walk," where users walk through a 3D space filled with autumn leaves using joystick-like controls, which was displayed on the Shibuya Scramble Crossing screen. Kuwahara's initial prompt was comprehensive, asking for a 3D space, colorful leaves, physics-based scattering, low-angle cinematic views, but the first result was stiff and slow, leading to iteration. Miyamoto created "Party Type," an interactive piece allowing users to input text and manipulate particle effects, aiming for a greeting display suitable for the diverse nationalities at Shibuya Crossing. Both creators emphasized an iterative process: Kuwahara learned the value of "Start Dirty" by making a quick, imperfect prototype first, and both stressed the importance of "Step-by-Step" quality improvement. Kuwahara developed custom tools within Figma Make, such as a model viewer for GLB data and a camera parameter debugger, by prompting Make to create these necessary tools for better iteration. Miyamoto often used a collaborative approach, sometimes involving real coding (React) with a teammate for fine-tuning parameters when natural language instructions proved insufficient for detailed effects. Figma Make updates discussed included 'Make for MCP' for handing off code to editors, direct GitHub repository pushing, 'Make Connectors' for integrating external tools like Notion, and upcoming features like 'npm packages' and 'MakeKit' for design system integration.

Context: This event, titled "Made with Figma Make: Creators Discuss the Production Process," hosted by Figma Japan Designer Advocate Tani, featured two creators, Kuwahara from OnePaku and Miyamoto from I3/DNA, who developed interactive digital artworks for a Figma brand campaign displayed on the Shibuya Scramble Crossing advertising screens.