The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Found Type - A living alphabet, found in the wild
Found Type is a collaborative web app where people photograph letters of the alphabet found in the real world - on walls, signs, buildings, packaging, pavements - and together build a living typeface made entirely by the world.
The premise is simple: letters are everywhere. Every one of them is a design decision made by someone, somewhere. Found Type turns that into a collective archive.
Try it here: https://slogan-noise-47844386.figma.site/
āØ The experience
- A pannable, zoomable canvas of every submitted letter - alive and growing in real time
- Browse the full alphabet: each letter a mosaic of real-world finds from around the world
- Type any word and see it spelled out in found letters
- Submit your own: photograph, crop, tag, and your letter is live in seconds
ā What makes it different:
No accounts. No friction. One flow, one purpose. The more people contribute, the more beautiful it becomes.
š How it was built:
- The entire front-end was built in Figma Make, prompt by prompt, iterated screen by screen.
- The submission flow uses the Anthropic Vision API to validate every photo: confirming it shows a real letter, checking the tag matches, and generating a plain-English description stored in Supabase for moderation - meaning the collection stays clean without user accounts or manual review of every submission.
- Image processing happens entirely client-side via the Browser Canvas API: crop, resize to 800Ć800, compress - before anything reaches Supabase storage.
š ļø Tools used
- Figma Make - full front-end
- Anthropic Vision API - AI validation + moderation
- Supabase - real-time database and image storage
- Browser Canvas API - client-side image processing
š® What's next
- A downloadable font made entirely from submitted photos.
- Filters by country, colour, style.
- A printed poster of the full collection.
- Contributor profiles.
this is so cute!
The simplicity here is what makes it powerful. Clean work.
This is fire!
ā¢ 1d
So Good!
ā¢ 1d
This is sooo fun. Such a simple yet so engaging idea.
Soooo cool
I will try it out is it real cool
ā¢ 19h
this is awesome cute wow š
ā¢ 13h
I love this @Nuria Quero ! Might have to do a partnership with Lost Type š
Amazing!
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Iām building the lab I wish my students had. š§ŖāØ
For years, I taught brilliant minds in empty labs. We described reactions instead of seeing them. This "STEM Interaction Gap" drove my submission for the #ConfigMakeathon.
š Introducing: LabCraft AI
Turn static lesson plans into interactive web simulations in seconds. No codeājust curriculum.
ā” The Workflow (via @Figma Make):
AI Design: Generated responsive "Teacher Dashboard" & "Simulation Canvas" layouts instantly.
Logic Mapping: Used Figma Variables to link sliders to real-time flask visual states.
Itās personal. Itās EdTech. Itās the future of STEM.
š Explore the Lab:
š Live Prototype: thus-clad-63683861.figma.site
X Post Link: https://x.com/i/status/2064876112128127280
š Remix the Prompt: (See the section below!)
š The "Secret Sauce" (Remix Prompt)
SYSTEM ROLE: Principal Product Architect. GOAL: Generate a 3-screen STEM web app "LabCraft AI" (1440px) using Clean Neobrutalism (2px borders, 8px corners, 4px hard shadows). SCREENS: 1. Prompt Input Dashboard: Sidebar navigation + center AI input bar (48px height) with hover/focus states. 2. Interactive Lab Canvas: Split view. Left: 2 Sliders (8px track, 24px thumb) in Chemical Green (#01C38D). Right: Simulation viewport with an Erlenmeyer Flask showing dynamic fluid levels. 3. Performance Analytics: Grid of 3 metric cards + line chart with interactive nodes in Science Blue (#2A697). CONSTRAINTS: Use Auto Layout for everything. Semantic layer naming. Accessible palette (#2A6F97, #01C38D, #FF6B6B).
š ļø Quick Setup for Remixers š
If you're trying this prompt in Figma Make, follow these two steps for the best results:
StepAction1. Variable BindBind the generated colors to Local Variables to keep the Neobrutalist palette consistent.2. Prototype SyncLink the "Generate" button to the Lab Canvas using Smart Animate to show off the STEM interaction.
Amazing!
@Figma @Contra HQ What if online communities had a beach instead of just a chat room?š
Read fullyšØ
Over the past few days, Iāve been building Partly - a browser-based virtual beach party where people can join instantly, create an avatar, explore a tropical island, chat in real time, dance to music, and hang out together.
The goal was simple: make online socializing feel more like being somewhere, rather than just sending messages.
š Try Partly: https://partly.figma.site/
āØ Features:
ā¢ Real-time multiplayer world
ā¢ Live chat with other players
ā¢ Interactive beach environment
ā¢ Party stage with music
ā¢ Campfire hangout spots
ā¢ No downloads required
šØ Best experienced on desktop for the full beach party experience.
Everything runs directly in the browser, making it easy for friends, communities, and creators to connect and share experiences together.
Tools:
Figma Make
This project was built and iterated using Figma Make, turning ideas into a working prototype through continuous prompts and refinements.
Iād love to hear your thoughts and feedback!
š Try Partly: https://partly.figma.site/
No downloads. No VR. Just join, meet people, and enjoy the party. š
this is wild!
Which direction brings out the premium tech aesthetic better? š“šµ
Currently working on a brand new hero framework where typography meets high-contrast confidence. Iād love to hear your thoughts on which color palette feels more impactful.
79 voted
70%
34 voted
30%
113 votes
Closed
Red Version looks premium
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. Whatās yours right now?