Afnizar Nur Ghifari
@afnizarnur.com
๐ฎ๐ฉ Designer, builder, photographer, and everything-in-between. Always exploring and learning new things.
afnizarnur.com
afnizarnur.com
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
Instant, authentic mockups right in @figma.com, no more placeholder headaches!
Try it ๐ www.figma.com/community/pl... ๐ต
#designsky #buildinpublic #design
March 2, 2025 at 12:51 AM
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
Instant, authentic mockups right in @figma.com, no more placeholder headaches!
Try it ๐ www.figma.com/community/pl... ๐ต
#designsky #buildinpublic #design
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!
February 23, 2025 at 4:24 AM
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!
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
www.figma.com/community/pl...
#design #designsky
February 23, 2025 at 4:24 AM
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
www.figma.com/community/pl...
#design #designsky
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.
January 21, 2025 at 3:21 PM
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.
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!
January 15, 2025 at 5:57 AM
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!
A tiny detail for accessibility in Tabs components will soon be available in the Library page for Datapaw @figma.com Plugin.
#buildinpublic #designsky #figma
#buildinpublic #designsky #figma
January 15, 2025 at 5:57 AM
A tiny detail for accessibility in Tabs components will soon be available in the Library page for Datapaw @figma.com Plugin.
#buildinpublic #designsky #figma
#buildinpublic #designsky #figma
Here the repo that still wip, need to improve on the docs how to contribute
github.com/afnizarnur/d...
github.com/afnizarnur/d...
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
github.com
January 14, 2025 at 3:09 AM
Here the repo that still wip, need to improve on the docs how to contribute
github.com/afnizarnur/d...
github.com/afnizarnur/d...
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.
January 14, 2025 at 3:09 AM
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.
Adding new sample ata should be simple and also user can contribute to it if they have interesting data to share to the community.
January 14, 2025 at 3:07 AM
Adding new sample ata should be simple and also user can contribute to it if they have interesting data to share to the community.
Why replace? The problem is faker.js taking a lot bundle size if I want to add more data to it. Also, maintainability!
January 14, 2025 at 3:07 AM
Why replace? The problem is faker.js taking a lot bundle size if I want to add more data to it. Also, maintainability!
Busy working on new things for Datapaw. I am currently building a replacement of fake data feature (that use faker.js), I called Library.
January 14, 2025 at 3:07 AM
Busy working on new things for Datapaw. I am currently building a replacement of fake data feature (that use faker.js), I called Library.
Get the Datapaw Figma plugin here ๐ www.figma.com/community/pl...
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...
www.figma.com
January 10, 2025 at 3:41 AM
Get the Datapaw Figma plugin here ๐ www.figma.com/community/pl...
๐ Drop in your JSON file and generate content supafast with just clicks away.
#buildinpublic #designsky
#buildinpublic #designsky
January 10, 2025 at 3:41 AM
๐ Drop in your JSON file and generate content supafast with just clicks away.
#buildinpublic #designsky
#buildinpublic #designsky
Anyway if you haven't install the plugin ๐ www.figma.com/community/pl...
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...
www.figma.com
January 7, 2025 at 2:14 AM
Anyway if you haven't install the plugin ๐ www.figma.com/community/pl...
#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 ๐
January 7, 2025 at 2:14 AM
#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 ๐
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. ๐ฏ
January 7, 2025 at 2:14 AM
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. ๐ฏ
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.
January 7, 2025 at 2:14 AM
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.
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.
Looking back, low usage numbers show I probably should've chatted with potential users first.
January 7, 2025 at 2:14 AM
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.
Looking back, low usage numbers show I probably should've chatted with potential users first.
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! ๐
Not exactly what you want in production! ๐
January 7, 2025 at 2:14 AM
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! ๐
Not exactly what you want in production! ๐
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. ๐ค
Why? It wasn't quite production-ready because I might have jumped the gun a bit on planning. ๐ค
January 7, 2025 at 2:14 AM
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. ๐ค
Why? It wasn't quite production-ready because I might have jumped the gun a bit on planning. ๐ค
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.
January 7, 2025 at 2:14 AM
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.
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! ๐งต
January 7, 2025 at 2:14 AM
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! ๐งต
Decides to deprecated some features that bugging me a lot ((a lot of bugs))
January 5, 2025 at 12:11 PM
Decides to deprecated some features that bugging me a lot ((a lot of bugs))
Reposted by Afnizar Nur Ghifari
โWhen accessibility is built into your design system from the outset, it transforms how teams work and how users experience your products.โ #designsystems #accessibility
Accessibility as a first-class citizen in your design system
Great design isnโt just about aesthetics or functionality โ itโs about inclusivity.
murphytrueman.substack.com
January 4, 2025 at 6:22 PM
โWhen accessibility is built into your design system from the outset, it transforms how teams work and how users experience your products.โ #designsystems #accessibility
Grab it now and stay in the loop for cool new features coming up ๐ www.figma.com/community/pl...
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...
www.figma.com
January 4, 2025 at 8:34 AM
Grab it now and stay in the loop for cool new features coming up ๐ www.figma.com/community/pl...