At this Makeathon, I wanted to solve a personal frustration I face when working with typography digitally. My home setup is centered around a drawing tablet, and I really dislike using a mouse when I am trying to be creative. Standard digital typography tools require a lot of clicking, and you are forced to know exactly what every panel, slider, value, and term does.

To solve this, I created 'Text Sculptor.' It brings the tactile feel of digital sculpting brushes to typography. With this tool, you don't need to worry about technical concepts like 'font weight,' 'letter spacing,' or 'line spacing.' Instead, the brushes simplify the creation process. You can physically 'sculpt' the space between letters, as well as move, scale, and shape them directly on the canvas, even adding natural imperfections. For me, typography becomes purely about form and texture on the canvas.

Sculpting and drawing are widely considered therapeutic and relaxing, which is a major benefit for people who love typography and simply want to create without the stress of a strict rulebook. Additionally, it gives you the satisfaction of knowing that you created the artwork, not an AI.

My workflow with the various Figma tools began directly in Figma Make, without creating any preliminary design files. I tried using Figma Agent, but it struggled to maintain a consistent style across multiple screens. While the styles weren't wildly different, they weren't identical either, and I struggled to match them. Even after trying several prompting strategies, I couldn't get it to work consistently, so I decided to stick solely with Figma Make.

From there, I used Wavey to generate different assets using the outputs from Text Sculptor. This involved some post-processing, such as color and brightness corrections, to create images that I later used to produce videos.

Finally, I downloaded the code from Figma Make and utilized Claude alongside the Figma MCP. This allowed me to generate project documentation in FigJam for future reference and set up the design system variables directly within a Figma design file.

https://text-sculpt.figma.site/

https://www.figma.com/board/FHj3p0rG2Bjx0aTxGhcMdz/config-Makeathon?node-id=0-1&t=hDA1AqOPzEeZiOM6-1

https://www.figma.com/community/file/1649529323525263617

https://www.figma.com/design/xkWOq2Kp77HazFlD0EtNIV/Design-systems?node-id=0-1&t=NOP48itlOc1ffr0M-1

https://x.com/loopstian/status/2067759979390452178