Afnizar Nur Ghifari

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

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

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!

A tiny detail for accessibility in Tabs components will soon be available in the Library page for Datapaw @figma.com Plugin.

#buildinpublic #designsky #figma

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

Here the repo that still wip, need to improve on the docs how to contribute

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.

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!

Busy working on new things for Datapaw. I am currently building a replacement of fake data feature (that use faker.js), I called Library.

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...

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

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...

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 😅

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.

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.

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! 😅

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. 🤔

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! 🧵

Decides to deprecated some features that bugging me a lot ((a lot of bugs))

Accessibility as a first-class citizen in your design system Great design isn’t just about aesthetics or functionality – it’s about inclusivity.

“When accessibility is built into your design system from the outset, it transforms how teams work and how users experience your products.” #designsystems #accessibility

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...

Grab it now and stay in the loop for cool new features coming up 👉 www.figma.com/community/pl...

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

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...

Would love to hear what you think 👉 www.figma.com/community/pl...

Super handy for quick color testing in your prototypes. No more manual color picking, just let your data do the heavy lifting 🔥

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

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...

New year, new plugin? Get it here www.figma.com/community/pl...