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
Diary Suite
Diary Suite is a modern portfolio and personal storytelling experience built entirely with Figma Sites. The project explores how creators can present their work, journey, and achievements through a clean, interactive, and responsive web experience without traditional coding workflows.
Key features include:
Responsive portfolio experience
Project showcase and case-study presentation
Modern visual design system
Fast navigation and accessible layout
Built and deployed using Figma's web publishing capabilities
The goal was to demonstrate how Figma can be used not only for design but also for publishing production-ready experiences that help creators share their work effectively.
https://diary-suite-67314439.figma.site/
super impressive, not to mention unique & visually captivating. great work!
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
3 Figma Make hacks you wish you knew sooner! 🔥
👉 Keep these in mind when working on your project for Config Makeathon. 7 days left to submit your prototype!
Thank you, very helpful tips
BABBU
Every toddler invents their own language. Babbu is my daughter Matilda's word for ball. By the time she says it correctly, I'll have already forgotten how it sounded.
Babbu is a private dictionary for the words only your child says, the mispronunciations, the invented names, the sounds that make sense to no one but you. No social features. No accounts. Just a growing archive of a specific, unrepeatable moment in your child's life.
Try it here: https://adobe-slush-93538397.figma.site
✨ What it does
- Add a word as your child says it, plus what it actually means
- Record their voice directly in the app
- Automatically matches an illustration to the word's meaning, translating it from any language
- Colour-code each card
- Search your collection
- Share a snapshot of the full dictionary with family as a single link
🛠️ Built with
Figma Make
Anthropic API — icon matching with automatic translation
Native browser MediaRecorder API — audio recording, no dependencies
localStorage — fully private, lives on your device
🔮 What's next
Live sync so the dictionary stays up to date for everyone
Family members can contribute words from their end
Milestones view — first word, tenth, fiftieth
A printed book of the whole dictionary
This is so wonderful! Did you make the video with Weave?
This project is special to me.
I have shared a lot of WIP videos about it a few months ago and now I am ready to share more details about this amazing framer template.
Perfectly executed
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?
