Posts · 31
Experiments, ideas, and works in progress.
Building with Claude Code 20x
I paid for Claude Code 20x plan and have been testing it with Opus 4.5 Modal. It works surprisingly well when you have a solid md file written behind. First thing that I'm building is all about simplifying and smart-enhancing bookmarking, think of it as a cleaner, smarter alternative to Chrome's bookmark manager. And it's not going to stop at just bookmarks. I'm using React with Zustand and Hono with Supabase on the backend, and I'm making sure the whole codebase stays clean, readable, and something I can comfortably maintain myself, even without 20x plan. I'll be publishing the extension soon, but it's going to take a bit of time to get everything right. Let me know what you think.
What if Git lived inside Figma?
Instead of relying on the version history for an entire page, imagine having Git-like control, every frame, every change tracked like a commit. You could branch, merge, or roll back specific parts of a design without losing anything. A small idea on how design versioning could work natively inside Figma.
Extension for color picker
Tired of the same old color pickers that feel like they were built in 2010? I'm redesigning how color picking should work, fast, precise, beautiful. Better UX, improved color accuracy, instant contrast checks, and a few surprises for designers who obsess over pixels. Stay tuned ;)
Interview with an AI agent
Imagine doing your next interview with an AI agent. I designed a quick concept showing how it could look, an AI interviewer named Maria leading a design skills interview. I kept it simple and human-like, not robotic or floating bubbles. Would you be okay being interviewed by an AI?
Darkweb monitor for fintechs
This could be a great feature for fintechs around the world, constantly scanning the darkweb to spot leaked or sold card data and help people stay safe before it's too late.
AI Prompts - Variations
Experimenting with different AI prompt component varients, search, textarea, thinking, upload. What do you think?
Figma nested comments
Sometimes design comments in Figma get crowded with lots of people. Would be great if we could reply to a specific comment instead of piling everything in one thread. I made a quick prototype of how it could work. cc: Figma
Dynamic Island reimagined
I played around with this idea just for fun, what if the IPhone camera was only a tiny punch hole, but the Dynamic Island stayed as a floating, liquid-glass pill on your screen?
Good old UI work
Some good old UI work, dropped it into a phone mockup, and made a video with a Jitter template in just 5 minutes.
WhatsApp auto translation
Since moving to Spain, not knowing Spanish has made WhatsApp chats… fun in a painful way. Right now I have to copy messages into Google or Apple Translate just to understand them. Instagram has translation, but you still need to tap it every time. I thought, why not an "Always Translate" option in WhatsApp? So any message from a person shows up directly in your language. Made a quick prototype of how it could work. cc: WhatsApp 👀
Upvotes & downvotes component
Experimenting with upvotes & downvotes to ideas, tools, and visuals.
Tourist credit card landing page
Exploring a landing page concept for a Tourist Credit Card, designed in Figma. I wanted to keep the design clean and modern, with subtle gradients to draw attention and a simple call-to-action to keep it focused. Curious to hear your thoughts, does this direction feel good?
Brand identity experimentation
Bringing brand identity to life, one frame at a time, with motion experiments that captivate, elevate, and resonate.
Experiment: Bringing a still image to life
My Journey Creating a Futuristic Driving Experience Sharing a little passion project I've been working on! I used Midjourney to create the 3D scene, then turned to Runway AI to create video from it with smooth cinematic animation. Finally, I polished everything in Figma with a custom UI elements to bring all together seamlessly.
Midjourney Prompt: 'A sleek, futuristic 3D-rendered silver sports car driving smoothly through a minimalist, snow-covered landscape with soft, flowing hills. The car has a streamlined design with glowing LED taillights. The camera is positioned directly behind the car at a low, centered angle, capturing its rear view as it glides forward, leaving subtle tire tracks. The scene is illuminated with soft, natural light under a light blue sky, creating a calm and futuristic atmosphere.'
Runway AI Prompt: 'Smooth cinematic animation of a sleek silver sports car driving forward along a lightly snow-dusted road, leaving visible tire tracks behind. The snowy hills roll gently on both sides, with a touch of soft fog, not too thick, just enough to add depth. The camera stays centered behind the car and slowly pulls away as the car moves forward, maintaining a consistent distance and never zooming in too close. The car glides smoothly with glowing red LED taillights adding subtle contrast to the winter tones, while occasional snowflakes fall softly to enhance the atmosphere.'
Midjourney Prompt: 'A sleek, futuristic 3D-rendered silver sports car driving smoothly through a minimalist, snow-covered landscape with soft, flowing hills. The car has a streamlined design with glowing LED taillights. The camera is positioned directly behind the car at a low, centered angle, capturing its rear view as it glides forward, leaving subtle tire tracks. The scene is illuminated with soft, natural light under a light blue sky, creating a calm and futuristic atmosphere.'
Runway AI Prompt: 'Smooth cinematic animation of a sleek silver sports car driving forward along a lightly snow-dusted road, leaving visible tire tracks behind. The snowy hills roll gently on both sides, with a touch of soft fog, not too thick, just enough to add depth. The camera stays centered behind the car and slowly pulls away as the car moves forward, maintaining a consistent distance and never zooming in too close. The car glides smoothly with glowing red LED taillights adding subtle contrast to the winter tones, while occasional snowflakes fall softly to enhance the atmosphere.'
Case studies - Layover
Now, you can easily add detailed case studies to your profile, highlighting your expertise, problem-solving skills, and success stories. Whether it's a game-changing project, an innovative design, or a challenge you conquered, this feature lets you bring your work to life and share it with the community. Ready to add your first case study? ✍️ Start telling your story and inspire others in your network! Let's celebrate each other's growth and achievements together. 💡
Finance app interaction
Approach visual and UX design for Fintech app home page.
Flare app dissection
Flare is a shopping app specializing in women's dresses, leveraging the trend of TikTok-style videos to enhance the e-commerce experience and drive product sales.
My role involved dissecting the existing design to identify potential issues and propose solutions to enhance user engagement and conversion rates. Below are some insights into this process.
My role involved dissecting the existing design to identify potential issues and propose solutions to enhance user engagement and conversion rates. Below are some insights into this process.
Introducing UI 2.0 for Layover
We're reimagining the way you experience and navigate Layover! The first version of UI 2.0 is now live, bringing a fresh and enhanced user experience designed to make creativity flow effortlessly. This is just the beginning, we're still evolving, and your feedback will help shape the final experience. Jump in, explore, and let us know what you think. Stay tuned for more updates as we continue to refine and build.
Another day, another experiment!
I've been working on a cool new feature for Layover, a 'buddy bot' that steps in whenever a designer can't answer your questions. By learning from your activity, searches, and interests, it'll give you personalized responses. And if you like what you hear, you can hire them right away. It's still a work in progress, but I'd love to know what you think!
AwesomePrompts.CC
A small but powerful, growing list with 500+ curated prompts for various tools, including ChatGPT, Claude, Figma & more, all ready to use! Perfect for writers, designers, and creators seeking quick inspiration. Dive in and find the prompt that sparks your next idea!
Experiment
Exploring a way to convert static mockups into dynamic videos, Prototyped in Figma for experimentation and quick iteration. Pick a template, add your logo, Insert your prompt (Optional), watch the magic happen!
New in Layover
Colors! You can now explore tons of curated colors, palettes and gradients within the Discover section. Perfect for quick inspiration, and our collection is constantly growing! Check it out and bring fresh colors to your designs.
Landing page - Beam animation exploration
Started as an experiment, The initial beam idea was just an exploration I tried for the first time, and here's the second attempt, which turned out to be the best version yet. A simple yet powerful glowing beam hitting the phone, designed and refined all in one day using Figma.
RapidEats - Vision pro
Exploration for Vision Pro! Designed using Figma. Stay tuned for the full process breakdown.
Layover is now PWA ready!
Simply add a shortcut from your mobile browser, no need to open the browser every time. Give it a try! ;)
Personal roaming - 3D illustration
In my exploration of Vectary 3D and Figma's illustration tools, I ventured beyond conventional boundaries, inspired by@leonatsume'swork. Over three days, I crafted a detailed illustration portraying a person navigating a sunlit hall using Vectary 3D and Figma, aiming to evoke exploration and tranquility. This project deepened my skills in both Vectary 3D and Figma, enhancing my ability to communicate through visuals.
404 Page parallax on mouse movement
This project began with the creation of components in Adobe XD, meticulously crafted to meet design specifications. These components were then seamlessly integrated into a React environment. To enhance user engagement, I incorporated a dynamic mouse-driven parallax effect using the Spring JS library. This feature added depth and interactivity to the 404 error screen, enriching the overall user experience. Originally conceived as part of the Design Lobby project, the implementation of the parallax effect initially showcased its potential. However, during the optimization phase, it became evident that this approach was consuming excessive resources and impacting performance. As a result, the decision was made to simplify the 404 error screen, transitioning it from a dynamic to a static display while still maintaining its functionality.
WebHR mobile app
Led mobile app creation, collaborating closely with cross-functional teams to ensure alignment with project goals and user needs. Delivered comprehensive user flows, wireframes, and high-fidelity prototypes to communicate design concepts effectively. Additionally, I contributed to the visual appeal of the app through custom illustrations, enhancing its overall user experience.
Throughout the development process, I provided ongoing support to developers, addressing any design-related queries or issues promptly. This collaborative approach ensured a smooth transition from design to development, resulting in a cohesive and user-friendly mobile app for WebHR.
Throughout the development process, I provided ongoing support to developers, addressing any design-related queries or issues promptly. This collaborative approach ensured a smooth transition from design to development, resulting in a cohesive and user-friendly mobile app for WebHR.
Careem 3d logo
Explored Careem logo intricately, recreating it in 3D using Vectary and Figma.
Iconography exploration
Maintain consistent weight across icons of the same scale by applying a 2-pixel stroke to each. Design on a 24x24 pixel grid using a foundational grid framework for precise shape adjustments.
Just breathe illustration
During my exploration of Vectory 3D and Figma's illustration tools, I ventured beyond conventional 3D design boundaries. Inspired by@leonatsume's work, I dedicated three days to crafting a detailed illustration. This artwork aimed to convey a message of pausing, cherishing solitude, self-love, and mindful breathing. Through this project, I honed my skills in both Vectory 3D and Figma, pushing their capabilities to generate visually captivating designs with meaningful themes.
The experience deepened my understanding of illustration techniques within these platforms, empowering me to create impactful visuals. By exploring this intersection of creativity and technology, I not only refined my illustration skills but also gained insights into leveraging digital tools for expressive storytelling.
The experience deepened my understanding of illustration techniques within these platforms, empowering me to create impactful visuals. By exploring this intersection of creativity and technology, I not only refined my illustration skills but also gained insights into leveraging digital tools for expressive storytelling.