Sign in

Afnizar Nur Ghifari

@afnizarnur.com
118 followers 652 following 135 posts

🇮🇩 Designer, builder, photographer, and everything-in-between. Always exploring and learning new things. afnizarnur.com

PostsRepliesMedia
Afnizar Nur Ghifari @afnizarnur.com · 02/03/2025
Just used Datapaw to test my lyrics app design with real songs data. Instant, authentic mockups right in @figma.com, no more placeholder headaches! Try it 👉 www.figma.com/community/pl... 🎵 #designsky #buildinpublic #design
040
Afnizar Nur Ghifari @afnizarnur.com · 23/02/2025
I've got it working with Spotify's API to pull actual album tracks into designs. Still ironing out some CORS stuff, but the core feature is live and ready for you to play with!
000
Afnizar Nur Ghifari @afnizarnur.com · 23/02/2025
You can now pull live data from APIs directly into your @figma.com designs using Datapaw Figma plugin. Perfect for working with real production data in your mockups. www.figma.com/community/pl... #design #designsky
230
Afnizar Nur Ghifari @afnizarnur.com · 21/01/2025
Taking a pause on the plugin development for now. Got other projects that need my attention atm. Feels like the right move to stay focused on current priorities.
010
Afnizar Nur Ghifari @afnizarnur.com · 15/01/2025
Building accessible components is always worth it, even if you're unsure about your users' needs. With AI lending a helping hand, it's easier than ever, just remember that MANUAL TESTING is still essential!
020
Afnizar Nur Ghifari @afnizarnur.com · 15/01/2025
A tiny detail for accessibility in Tabs components will soon be available in the Library page for Datapaw @figma.com Plugin. #buildinpublic #designsky #figma
150
Afnizar Nur Ghifari @afnizarnur.com · 14/01/2025
Here the repo that still wip, need to improve on the docs how to contribute github.com/afnizarnur/d...
github.com
GitHub - afnizarnur/datapaw-library: A growing collection of data to generate realistic content, powering up the Datapaw Figma Plugin.
A growing collection of data to generate realistic content, powering up the Datapaw Figma Plugin. - afnizarnur/datapaw-library
000
Afnizar Nur Ghifari @afnizarnur.com · 14/01/2025
The process that I come up like this: Data is placed in a public GitHub repo, the plugin just fetch data, then we can generate. Done.
100
Afnizar Nur Ghifari @afnizarnur.com · 14/01/2025
Adding new sample ata should be simple and also user can contribute to it if they have interesting data to share to the community.
100
Afnizar Nur Ghifari @afnizarnur.com · 14/01/2025
Why replace? The problem is faker.js taking a lot bundle size if I want to add more data to it. Also, maintainability!
100
Afnizar Nur Ghifari @afnizarnur.com · 14/01/2025
Busy working on new things for Datapaw. I am currently building a replacement of fake data feature (that use faker.js), I called Library.
110
Afnizar Nur Ghifari @afnizarnur.com · 10/01/2025
Get the Datapaw Figma plugin here 👉 www.figma.com/community/pl...
figma.com
Datapaw (Google Sheets, JSON, String, Currency, Number, Fake Data, and more) | Figma
Generate realistic data exactly how you want it. All-in-one data generation tools in a single plugin. Datapaw helps designers populate their contents with meaningful, customizable data. Instead of us...
000
Afnizar Nur Ghifari @afnizarnur.com · 10/01/2025
🍃 Drop in your JSON file and generate content supafast with just clicks away. #buildinpublic #designsky
190
Afnizar Nur Ghifari @afnizarnur.com · 07/01/2025
Anyway if you haven't install the plugin 👉 www.figma.com/community/pl...
figma.com
Datapaw (Google Sheets, JSON, String, Currency, Number, Fake Data, and more) | Figma
Generate realistic data exactly how you want it. All-in-one data generation tools in a single plugin. Datapaw helps designers populate their contents with meaningful, customizable data. Instead of us...
000
Afnizar Nur Ghifari @afnizarnur.com · 07/01/2025
#buildinpublic means sharing both wins and lessons learned. I'm also publishing design artifacts here so I can remember what things I've built and where I've failed 😅
120
Afnizar Nur Ghifari @afnizarnur.com · 07/01/2025
Lesson #3: While innovation requires some educated guesses, knowing when to step back and reassess is just as important as pushing forward. Sometimes pause > persistence. 🎯
100
Afnizar Nur Ghifari @afnizarnur.com · 07/01/2025
Lesson #2: When tackling complex features (especially ones that eat up more than 3 hours of after-work coding), break that beast down into smaller chunks instead of trying to do it all at once.
100
Afnizar Nur Ghifari @afnizarnur.com · 07/01/2025
Lesson #1: Plan things out properly and really think about how designers will actually use the feature day-to-day. Looking back, low usage numbers show I probably should've chatted with potential users first.
100
Afnizar Nur Ghifari @afnizarnur.com · 07/01/2025
Reality check: things got pretty messy with tons of edge cases popping up, making the whole data generation thing a bit of a HEADACHE to maintain. Not exactly what you want in production! 😅
100
Afnizar Nur Ghifari @afnizarnur.com · 07/01/2025
But here's the thing, after giving it some serious thought, I've decided it's time to let this one go. Why? It wasn't quite production-ready because I might have jumped the gun a bit on planning. 🤔
100
Afnizar Nur Ghifari @afnizarnur.com · 07/01/2025
When I first launched this feature, I was pretty excited! I mean, who wouldn't be? It was something competitors didn't have, fancy interconnected data that you could control with conditions.
100
Afnizar Nur Ghifari @afnizarnur.com · 07/01/2025
Saying goodbye to one of underrated features at Datapaw Figma Plugin: conditional logic for multi-variable data. Time for some talk about #figma plugin development! 🧵
110
Afnizar Nur Ghifari @afnizarnur.com · 05/01/2025
Decides to deprecated some features that bugging me a lot ((a lot of bugs))
010
Reposted by Afnizar Nur Ghifari
Phillip Lovelace @pixelflips.com · 04/01/2025
“When accessibility is built into your design system from the outset, it transforms how teams work and how users experience your products.” #designsystems #accessibility
murphytrueman.substack.com
Accessibility as a first-class citizen in your design system
Great design isn’t just about aesthetics or functionality – it’s about inclusivity.
2288
Afnizar Nur Ghifari @afnizarnur.com · 04/01/2025
Grab it now and stay in the loop for cool new features coming up 👉 www.figma.com/community/pl...
figma.com
Datapaw (JSON, String, Currency, Number, Fake Data, and more) | Figma
Generate realistic data exactly how you want it. All-in-one data generation tools in a single plugin. Datapaw helps designers populate their contents with meaningful, customizable data. Instead of us...
000
Afnizar Nur Ghifari @afnizarnur.com · 04/01/2025
I'm working on something cool that'll let you generate data straight from your Google Sheets ✨ Still doing some test runs, but it should be ready to roll this week! #buildinpublic #designsky
150
Afnizar Nur Ghifari @afnizarnur.com · 03/01/2025
Would love to hear what you think 👉 www.figma.com/community/pl...
figma.com
Datapaw (JSON, String, Currency, Number, Fake Data, and more) | Figma
Generate realistic data exactly how you want it. All-in-one data generation tools in a single plugin. Datapaw helps designers populate their contents with meaningful, customizable data. Instead of us...
000
Afnizar Nur Ghifari @afnizarnur.com · 03/01/2025
Super handy for quick color testing in your prototypes. No more manual color picking, just let your data do the heavy lifting 🔥
100
Afnizar Nur Ghifari @afnizarnur.com · 03/01/2025
Fresh update are here, now auto-applies colors from your JSON data! Got hex codes like #F1F1F1 or RGB values (255, 255, 0)? They'll instantly become fills on your layers 🎨 #buildinpublic #designsky #design #figma
130
Afnizar Nur Ghifari @afnizarnur.com · 02/01/2025
New year, new plugin? Get it here www.figma.com/community/pl...
figma.com
Datapaw (JSON, String, Currency, Number, Fake Data, and more) | Figma
Generate realistic data exactly how you want it. All-in-one data generation tools in a single plugin. Datapaw helps designers populate their contents with meaningful, customizable data. Instead of us...
000
Afnizar Nur Ghifari @afnizarnur.com · 02/01/2025
Now you can directly map #JSON values to your designs! makes life so much easier. I’ve been testing it out and there are tons of ways to use this. #buildinpublic #designsky
150
Afnizar Nur Ghifari @afnizarnur.com · 30/12/2024
👉 Quick heads up, grab the plugin now. www.figma.com/community/pl...
figma.com
Datapaw | Figma
Generate realistic data exactly how you want it. All-in-one data generation tools in a single plugin. Datapaw helps designers populate their contents with meaningful, customizable data. Instead of us...
000
Afnizar Nur Ghifari @afnizarnur.com · 30/12/2024
👀 A sneak peek at mapping individual #JSON data directly to the layer. Basically got it working so u can link a JSON url from anywhere and sync it directly to ur stuff. makes everything feel super real, like actual production data! #buildinpublic #figma
150
Afnizar Nur Ghifari @afnizarnur.com · 29/12/2024
Let build one by one then
000
Afnizar Nur Ghifari @afnizarnur.com · 29/12/2024
Things that make json visualization so hard to implement, basically because there is a lot of json structure type.
110
Afnizar Nur Ghifari @afnizarnur.com · 29/12/2024
🌶️ Don't know about this plugin? Get it here in #Figma www.figma.com/community/pl...
figma.com
Datapaw | Figma
Generate realistic data exactly how you want it. All-in-one data generation tools in a single plugin. Datapaw helps designers populate their contents with meaningful, customizable data. Instead of us...
000
Afnizar Nur Ghifari @afnizarnur.com · 29/12/2024
🪟 No more dealing w those tiny windows that make u wanna scream. #buildinpublic #figma
230
Afnizar Nur Ghifari @afnizarnur.com · 28/12/2024
👉 Try it now in the #Figma Community. www.figma.com/community/pl...
figma.com
Datapaw | Figma
Generate realistic data exactly how you want it. All-in-one data generation tools in a single plugin. Datapaw helps designers populate their contents with meaningful, customizable data. Instead of us...
000
Afnizar Nur Ghifari @afnizarnur.com · 28/12/2024
🧵 Generating data with JSON has never been so easy. Is your design complex? No worries. I've got you covered. #designsky #buildinpublic
120
Afnizar Nur Ghifari @afnizarnur.com · 27/12/2024
I’m thinking of upgrading my Mac but realized there are so many options. I’m considering sticking with an older version since it’s enough for me, but I’m still undecided on which version to choose 🤷‍♂️
000
Reposted by Afnizar Nur Ghifari
Sara Soueidan @sarasoueidan.com · 26/12/2024
"Inaccessible products are broken products. The first step to fix them is to give a damn." uxdesign.cc/giving-a-dam... #a11y
uxdesign.cc
Giving a damn about accessibility
A candid and practical handbook for designers.
310723
Afnizar Nur Ghifari @afnizarnur.com · 26/12/2024
Calmness 🍃
000
Afnizar Nur Ghifari @afnizarnur.com · 24/12/2024
Happy holiday everyone!!!
020
Afnizar Nur Ghifari @afnizarnur.com · 20/12/2024
Got new work inquiry before the new year!!
000
Afnizar Nur Ghifari @afnizarnur.com · 18/12/2024
Did you know you can build your own data generator with Datapaw Figma plugins? 👉 Let's say you need a Japanese name or an Indonesian slang mashup. 👉 Find the data, then just input it as a string data type. 👉 GENERATE. SIMPLE, RIGHT? Adopt it here www.figma.com/community/pl... #buildinpublic
010
Afnizar Nur Ghifari @afnizarnur.com · 16/12/2024
wkwkw apakah hanya kita yang ada disiniii
100
Afnizar Nur Ghifari @afnizarnur.com · 16/12/2024
But... If you want to ship fast, maybe don't sweat the small stuff like I did. I'm geeking out over tiny details as the creator, but the average user might not even notice. Still, it feels sweet to nail those little touches. :)
000
Afnizar Nur Ghifari @afnizarnur.com · 16/12/2024
I'm stoked about how smoothly this plugin dev is going! My early lightbulb moment about personalized themes is paying off big time. It only takes FIVE MINS to implement them 🤯
100
Afnizar Nur Ghifari @afnizarnur.com · 16/12/2024
🔵 Blue and 🔴 Red (it's a bit peachy) color added to Datapaw #Figma Plugin!I Let me know whatcha think! 👉 www.figma.com/community/pl... #buildinpublic #designsky #figmaplugins #design
130
Afnizar Nur Ghifari @afnizarnur.com · 15/12/2024
Still not seeing any Indo tech here... used to spot familiar usernames, but now it's kinda dead.
110