Trial and error. Going back to the basics. functional live editor is a completely different challenge altogether. It's a tough but exciting learning curve!
Here is the current state of the project:
🔗 https://t.co/eE7aqi0ZOq
Now, whenever I need interactive animations in my UI, I just use native motion. Tailwind & Framer Motion in Hudbird UI, creating hover or click effects is super easy, snappy...
Build 3D shapes with the Framer Agent. Start with a Frame, describe what you want to create, then animate it and refine every detail right on the canvas.
Prepping for the template market... ⏳
Bringing together components, seamless interactions, and a clean codebase into one complete package called the Hudbird UI Template, so you can ship your projects much faster. ⚡️
Stay tuned! 🚀
#UIUX#WebDesign#ReactDeveloper
Ship your next project faster. ⚡️
Hudbird UI.
A Customizable React & Tailwind CSS component ecosystem.
live demo here: https://t.co/fFZxl3MjBK
#BuildInPublic#TailwindCSS#ReactJS
🚀 LIVE!
Welcome to Hudbird UI. 🪶
Building beautiful, responsive UIs just got a whole lot faster. A curated collection of React + Tailwind CSS components.
Try it out now: https://t.co/fFZxl3MjBK
#WebDev#React#UIUX#motion#tailwindcss
Auto Layout saves lives!
I’ve tested it in a fast-paced startup — comparing with and without auto layout.
Starting wireframes without auto layout felt quick at first…
But once we moved to hi-fi, it became a mess 😵
💡 Wireframing with auto layout? Game changer.
so you don’t waste time on unnecessary revisions later.
Plan before opening Figma.
Use tools like Relume Wireframes (already auto-layouted!)
And have your design system ready — it’ll speed things up like magic ✨
MVP done? Now it’s time for UI polish.
For small teams, I highly
Easy to move stuff around, adjust tiny atoms, and everything stays neat.
No more manual tweaks every time a section changes.
Without it?
One shift and… boom 💥 the whole layout needs fixing.
That’s why early research & exploration matter.
Define your design atoms first —
follow akun ini jika kalian inggin mengetahui update perjalananku belajar framer...
tujuan akhirnya adalah nanti membuat template website dan menjualnya di marketplace framer...
apakah akan tercapai ?
termotivasi dari postingan @bynneh mulai hari ini aku akan coba posting 1 postingan tentang perjalananku belajar dari figma ke framer no-code
baca komen untuk selengkapnya...
video kedua thingking in frame, videonya menjelaskan bagaimana frames di framer bekerja, menambahkan gambar, teks, button dan group tataletak semua terbentuk dari frame
sangat mirip dengan figma, gambar yg kalian lihat di postingan ini adalah hasil dari belajarnya
belajarnya dari situs resmi akademi di framer, dimulai dengan pengenalan tools nya, apa itu frame...
jika kalian sudah pernah belajar figma dan mengerti autolayout, akan merasa sudah familiar dengan layouting di framer
tata letaknya sangat mirip...