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
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
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
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
🍃 Drop in your JSON file and generate content supafast with just clicks away. #buildinpublic #designsky
190
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
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
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
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
👀 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
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
🪟 No more dealing w those tiny windows that make u wanna scream. #buildinpublic #figma
230
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
🔵 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
Afnizar Nur Ghifari @afnizarnur.com · 15/12/2024
🔍 Tiny updates this weekend: added search for JSON keys if you're working on a LARGE JSON! 🧒 Why did the JSON file feel so heavy? 🧔🏻‍♂️ Because it was carrying too many keys Add it to your plugin arsenal in #Figma 👉 www.figma.com/community/pl... #buildinpublic #designsky
020
Reposted by Afnizar Nur Ghifari
Brad Frost @bradfrost.com · 13/12/2024
Here's the brilliant @sturobson.com with a detailed, 6-part article series about building design tokens with Style Dictionary: www.alwaystwisted.com/articles/a-d... #designsystems #designtokens
alwaystwisted.com
A Design Tokens Workflow (part 1) - Getting Started With Style Dictionary | Always Twisted
Learn how to set up Style Dictionary to automate the generation of design tokens into CSS custom properties and Sass variables. This guide walks you through the basics of configuring Style Dictionary,...
0365
Afnizar Nur Ghifari @afnizarnur.com · 14/12/2024
Been on fire lately 🔥 These past 2 weeks = super productive. Not just building, but actually shipping stuff! Feels good to get things out there
000
Afnizar Nur Ghifari @afnizarnur.com · 14/12/2024
Added some quality-of-life updates to ✨ MULTI-VARIABLE DATA ✨ in my Datapaw @figma.com Plugin. Quickly apply a variable name by clicking the target icon in each variable card! The updates are already in production, check it out here 👉 www.figma.com/community/pl... #buildinpublic #designsky
1100
Reposted by Afnizar Nur Ghifari
xirclebox @xirclebox.com · 12/12/2024
For anyone who thinks it's a good idea to misuse alt text to boost SEO 4. Don't include unnecessary details: While it's important to be descriptive, avoid including unnecessary details that don't add value. rightbadcode.com/tips-for-wri... #a11y #altText
rightbadcode.com
Tips for Writing Alt Text
html + accessibility
1245
Afnizar Nur Ghifari @afnizarnur.com · 12/12/2024
I haven't done an interview in a long time. I'm excited but overwhelmed at the same time.
000
Afnizar Nur Ghifari @afnizarnur.com · 12/12/2024
Making our designs more realistic has many approaches. You can use lorem ipsum or even create content by hand, but… it takes a considerable amount of time. 💥 Why not make it FASTER if you can: 👉 Generate JSON data from ChatGPT 👉 Copy and apply it 👉 Then just hit GENERATE #buildinpublic #designsky
110
Reposted by Afnizar Nur Ghifari
Jason Long @jasonlong.me · 11/12/2024
My best advice for young product designers: » spend way less time messing with drop shadows and animations » spend way more time getting good at writing copy and microcopy for your app Lots of scummy sites out there about microcopy, but this one seems good: uxmag.com/articles/the...
uxmag.com
The Essential Guide to Microcopy and Becoming a More Literate Designer
Designers should not be mere decorators, but understand language and microcopy, which is a crucial design skill, now more than ever.
5234
Afnizar Nur Ghifari @afnizarnur.com · 12/12/2024
Experiment with the bottom bar that showing the price and the discount. Let’s see how it converts 👀
Datapaw Figma Plugin showing new fixed bottom bar
000
Afnizar Nur Ghifari @afnizarnur.com · 11/12/2024
Updated the thumbnail ✅
A design of Figma plugin thumbnails
000
Afnizar Nur Ghifari @afnizarnur.com · 11/12/2024
Just published this feature! Let's celebrate another tiny win this week 🎊
000
Afnizar Nur Ghifari @afnizarnur.com · 10/12/2024
The figma price increase is something that I expected.
100
Afnizar Nur Ghifari @afnizarnur.com · 10/12/2024
Another progress building the ✨JSON✨ type for Datapaw @figma.com Plugin: generating JSON data that includes image URLs will have an indicator beside the JSON key label. #buildinpublic #designsky
120
Afnizar Nur Ghifari @afnizarnur.com · 09/12/2024
Putting the last piece to generate data using JSON: fetching json using URL
100
Reposted by Afnizar Nur Ghifari
Tyo @tyodsgn.bsky.social · 08/12/2024
It’s been quite some time working on the Spenzy update, and I’m really excited to share what’s new. My goal has been to make the app more useful and more usable! The app is now snappier, plus I’ve added a new feature and a few improvements. Let’s check it out! 👇 #buildinpublic #designsky
122
Afnizar Nur Ghifari @afnizarnur.com · 08/12/2024
It's weekend #buildinpublic edition! I'm working on adding a new data type ✨ JSON ✨ 👉 It's still in the prototype stage, but I would love to know your thoughts! #designsky #figma
150
Afnizar Nur Ghifari @afnizarnur.com · 07/12/2024
Hello from my plugin mascot
A white odd eye cat
020
Afnizar Nur Ghifari @afnizarnur.com · 07/12/2024
Never thought that my post yesterday in Threads and LinkedIn got lot of engagements!! Let’s celebrate this tiny wins 🎉
100
Reposted by Afnizar Nur Ghifari
Cassidy @cassidoo.co · 06/12/2024
#blogvent day 5 is here! I wrote about shipping things, even when you see others working on something similar to what you want to release. cassidoo.co/post/ship-it...
cassidoo.co
Ship it anyway
You have a unique voice, and you should use it to build what you can.
1011218
Afnizar Nur Ghifari @afnizarnur.com · 06/12/2024
Generate multi variable data, numbers, string, and percent in @figma.com #buildinpublic #designsky #figma
130
Reposted by Afnizar Nur Ghifari
Hà Phan @hpdailyrant.bsky.social · 05/12/2024
A lot of product and design work is a thousand minutiae decisions, and why this not that. So if you’ve done this for years and years and years, you already have all those rationales in your head.
3222
Afnizar Nur Ghifari @afnizarnur.com · 05/12/2024
Now back to building mode 💪
000
Afnizar Nur Ghifari @afnizarnur.com · 05/12/2024
Urge to making a feature scalable at launch is thing that hold me the most to just build things..
100
Reposted by Afnizar Nur Ghifari
Sil Bormüller @silbormueller.bsky.social · 04/12/2024
Copy everything 👀 One of the best Design System documentations I've found on the web. Nordhealth by @arie.ls & team (nordhealth.design) My highlights 📚👇🧵 • Clear summary page of their latest updates nordhealth.design/new/ • Well documented change log: nordhealth.design/changelog/ 1/3
nordhealth.design
Nord Design System
Design, build, and ship coherent experiences with Nordhealth’s design system.
2427
Reposted by Afnizar Nur Ghifari
Ariel Salminen @arielsalminen.com · 03/12/2024
Naming things is hard. If you don’t know what to call a component in your design system, you can start by looking at what other teams are doing. Component Gallery is a great resource for this: component.gallery/components/ …But don’t assume that something is correct, just because it’s popular.
1513535
Afnizar Nur Ghifari @afnizarnur.com · 04/12/2024
Generate fake data from English names, Japanese addresses, to Indonesian phone numbers. No setup needed. 🌍📊 #buildinpublic #figma #designsky
130