‏Paint By JSON: پر کردن طرح‌های فیگما با داده‌ی واقعی API

Paint By JSON یه پلاگین فیگماست که فعلاً تو مرحله‌ی early access هست. ایده‌ش ساده‌ست: به‌جای اینکه طرح رو با lorem ipsum (همون متن ساختگی معروف) پر کنی، داده‌ی واقعی یه API رو مستقیم روی لایه‌ها می‌ریزه. سازنده‌ها می‌گن هدف اینه که طرح رو با اسم‌ها، طول متن‌ها و edge caseهایی که محصول واقعاً باهاش روبه‌رو می‌شه بسنجی، نه با داده‌ی تمیز و کوتاهی که دستی نوشتی.

کار در سه قدم انجام می‌شه. اول یه endpoint وصل می‌کنی؛ URL رو می‌دی، اگه لازم بود header یا auth اضافه می‌کنی و جواب JSON رو داخل پلاگین می‌بینی. بعد یه JSON path (یعنی آدرس یه فیلد داخل جواب JSON) رو به اسم یه لایه وصل می‌کنی. آخر هم این تنظیمات رو به‌عنوان یه Palette ذخیره می‌کنی، یعنی یه دستورالعمل آماده که هر وقت خواستی روی هر فریمی دوباره اعمالش کنی.

چندتا قابلیت دیگه هم داره. می‌تونی قبل از نشستن مقدار روی بوم، روش transform بزنی؛ مثل کوتاه کردن متن، فرمت کردن پول، تبدیل تاریخ، شرط if/then/else یا زنجیره‌ای از این‌ها. می‌تونی یه فریم رو با یه جواب پر کنی یا یه آرایه رو روی چندتا instance از یه کامپوننت پخش کنی. چون اتصال‌ها بر اساس اسم لایه‌ست، Paletteها بین فایل‌ها و کتابخونه‌های تیمی هم جابه‌جا می‌شن.

از نظر امنیت، به گفته‌ی سازنده‌ها پلاگین کامل توی iframe خودش اجرا می‌شه و جواب API و اطلاعات auth روی سیستم خودت می‌مونه و به دیتابیس اونا فرستاده نمی‌شه. نسخه‌ی Pro هم خروجی گرفتن به JSON، Markdown یا یه Spec Frame روی بوم رو داره تا موقع تحویل به برنامه‌نویس، داده هم کنار طرح بره.

قیمت‌گذاری سه سطح داره: Guest بدون حساب با ۱ palette، Free با ۲ palette و همگام‌سازی ابری، و Pro با ماهی ۱۲ دلار که ۵۰ palette، همه‌ی transformها و خروجی‌ها رو می‌ده.

نکات کلیدی:

• پلاگین فیگماست و داده‌ی واقعی API یا JSON ماک‌شده رو روی لایه‌ها می‌ریزه.
• اتصال با map کردن JSON path به اسم لایه انجام می‌شه و به‌صورت Palette ذخیره می‌شه.
• transformهایی مثل truncate، فرمت پول، تاریخ و شرط if/then/else داره.
• جواب API و auth داخل iframe پلاگین می‌مونه و به سرور سازنده نمی‌ره.
• نسخه‌ی Pro ماهی ۱۲ دلاره با ۵۰ palette و خروجی JSON، Markdown و Spec Frame.