![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/dpi.png\")
\n<\/div>\nТож для того, щоб створити картинку для друку у Фігмі (чи іншому редакторі), потрібно задати достатній розмір у пікселях. Його можна порахувати виходячи з потрібного фізичного розміру картинки за формулою:<\/p>\n
- \n
- ширина (мм) * роздільна здатність (DPI, точок на дюйм) \/ 25,4 (міліметрів у дюймі) = ширина (px, округлити до більшого цілого)<\/li>\n
- висота (мм) * роздільна здатність (DPI, точок на дюйм) \/ 25,4 (міліметрів у дюймі) = висота (px, округлити до більшого цілого)<\/li>\n<\/ul>\n
Важливе уточнення: розмір картинки має бути у цілих пікселях, бо у комп’ютерах не передбачені ніякі долі пікселів, лише цілі. Тож розрахунок може дати дробні значення, які потрібно округлити до більшого цілого.<\/p>\n
Наприклад, для друку у книжку потрібно зробити картинки. Зазвичай мінімальний потрібний DPI — 300. Якщо маємо формат сторінки книжки 205×290 мм. Тож гарна картинка на всю сторінку має бути 2422×3426 px (відповідно, на розворот має бути вдвічі більша ширина).<\/p>\n
Розрахунок:<\/p>\n
- \n
- ширина = 205 мм * 300 DPI \/ 25,4 = 2 421,2598425197 px = 2422 px<\/li>\n
- висота = 290 мм * 300 DPI \/ 25,4 = 3 425,1968503937 px = 3426 px<\/li>\n<\/ul>\n
Допоміжним інструментом буде цей калькулятор роздільної здатності — Pixelcalculator<\/a>.<\/p>\n
У яких сценаріях це може бути корисно: ілюстрації для друкованих видань, макети наружної реклами (в якій DPI можуть варіюватись від 56, 72 до 300) тощо.<\/p>\n
Розрахунок масштабу картинок<\/h2>\n
Ще один метод застосування розрахунків не тільки для Фігми — можливість порахувати необхідний DPI для підготовки вихідних картинок, якщо масштаб макету відрізняється.<\/p>\n
Наприклад, вам потрібно зробити білборд 5700×2800 мм, а Ілюстратор донедавна не підтримував дуже великі артборди, тож макет робить, наприклад, у масштабі 1:20 — 285×140 мм. Щоб на виході отримати TIF реального розміру до потрібно вказати при експорті збільшений DPI.<\/p>\n
1) Рахуємо розмір потрібної для друку картинки:<\/p>\n
- \n
- 5700 * 72 \/ 25,4 = 16158 px<\/li>\n
- 2800 * 72 \/ 25,4 = 7938 px<\/li>\n<\/ul>\n
2) Рахуємо тепер у зворотному напрямку, який DPI потрібно вказати при експорті:<\/p>\n
- \n
- 16158 px * 25,4 \/ 285 mm = 1440 DPI<\/li>\n
- 7938 px * 25,4 \/ 140 mm = 1440 DPI<\/li>\n<\/ul>\n
Плагіни для Фігми<\/h2>\n
На додачу хочу згадати декілька плагінів для Фігми, які допомагають створити артборди різних друкованих розмірів. Єдиний нюанс: майже всі плагіни рахують надточні розміри з долями пікселя, які варто буде округлити до цілого.<\/p>\n
- \n
- Print for Figma<\/a>: плагін, що допомагає створити артборди, які б відповідали фізичним аркушам, а також автор розробляє експорт у CMYK.<\/li>\n
- Unit converter<\/a>: простий калькулятор для переводу міліметрів у пікселі та навпаки.<\/li>\n
- DPI2Pixel<\/a>: створює артборд по заданих у міліметрах розмірах.<\/li>\n<\/ul>\n", "date_published": "2024-04-17T15:44:43+02:00", "date_modified": "2024-04-17T16:10:36+02:00", "tags": [ "figma", "інструменти" ], "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/dpi.png", "_date_published_rfc2822": "Wed, 17 Apr 2024 15:44:43 +0200", "_rss_guid_is_permalink": "false", "_rss_guid": "144", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/blog-archive.alexkolodko.com\/pictures\/dpi.png" ] } }, { "id": "130", "url": "https:\/\/blog-archive.alexkolodko.com\/all\/link-to-images-from-gdrive-to-gsheet\/", "title": "Додаємо у Google Sheets посилання на всі файли у теці Google Drive", "content_html": "
Досліджував автоматизацію у Фігмі (напишу окремо). В ній для автоматизованого додавання картинок, потрібно давати на них прямі посилання. Можна завантажувати файли на FTP або копіювати напряму з сайтів. Але часто це не дуже зручно і якщо ви працюєте з Google Drive та тримаєте там робочі файли, то буває потрібно отримати прямі посилання на картинки у Драйві.<\/p>\n
Також буває необхідно скопіювати багато прямих посилань на файли, наприклад, щоб вставити їх у брендбук або відправити клієнту.<\/p>\n
Тож я створив простий гугл-скрипт для використання Google Sheets. Працює так:<\/p>\n
- \n
- Додаєте до вашої таблиці скрипт через Extensions\/Apps Script<\/i>, вставляєте код, запускаєте та даєте всі доступи до вашого облікового запису, оновлюєте сторінку з таблицею.<\/li>\n
- У комірку A1<\/i> вставляєте посилання на теку у Драйві (вона може бути як публічною, так і ні), треба взяти посилання з вікна Share<\/i>, яке містить в собі …\/folder\/…<\/i>.<\/li>\n
- У меню з’явиться новий пункт Links to files, в якому можна вибрати один з варіантів.<\/li>\n
- Скрипт створить заголовки колонок і вставить всі дані у рядки нижче.<\/li>\n<\/ol>\n
\n\n\n<\/div>\nСкрипт виводить такі колонки:
\n- Name<\/b> — повна назва файлу
\n- Type<\/b> — розширення файлу, знаходить по назві файлу<\/p>\n- \n
- Date<\/b> — дата та час зміни файлу<\/li>\n
- Size, KB<\/b> — розмір у КБ
\n- URL<\/b> — посилання на файл (якщо вся тека доступна для перегляду не тільки вам, то всі файли в ній теж будуть доступні)
\n- URL Download<\/b> — інший формат прямого посилання на файли, який можна використати, наприклад, щоб вставити картинку у таблицю функцією =IMAGE()<\/i>.<\/li>\n<\/ul>\nЯ зробив кілька варіантів функцій у скрипті:<\/p>\n
- \n
- Вивід всіх файлів по черзі у певній теці.<\/li>\n
- Вивід окремих типів файлів (картинки, відео, документи тощо).<\/li>\n
- І окремою опцією вивід всіх файлів у тій теці та у всіх підтеках (додається ще колонка Folder з назвою теки).<\/li>\n<\/ol>\n
<\/p>\nЗавантажити скрипт<\/a> або переглянути на Github Gist<\/a>.<\/p>\n
<\/p>\n₴<\/b><\/span><\/p>\n<\/div>
Якщо вам було цікаво та корисно, можете пригостити мене кавою ☕️: картка Монобанку: 4441114450427339<\/tt> або через сайт<\/a>.<\/p>\n<\/div><\/div>", "date_published": "2023-12-25T12:40:44+02:00", "date_modified": "2023-12-25T12:40:39+02:00", "tags": [ "figma", "google apps script", "google sheets", "автоматизація" ], "_date_published_rfc2822": "Mon, 25 Dec 2023 12:40:44 +0200", "_rss_guid_is_permalink": "false", "_rss_guid": "130", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [] } }, { "id": "94", "url": "https:\/\/blog-archive.alexkolodko.com\/all\/design-automation-with-chatgpt-part2\/", "title": "Автоматизація дизайну з ChatGPT. Частина 2: скрипти для InDesign, Figma, Google Docs, Automator", "content_html": "
Продовжую експерименти написання простих скриптів з допомогою ChatGPT. Тут перша частина<\/a> зі скриптами для Adobe Illustrator.<\/p>\n
1. Заміна шрифтів у InDesign<\/h2>\n
Перше, що захотілося зробити, це перенести скрипт з Ілюстратора в Індизайн (хоч скрипти й схожі, але у програм всередині різна специфіка).<\/p>\n
Тож спочатку я спробував подібними до попередніх запитами згенерувати скрипт. Але з 5-6 спроб робочого коду не вийшло. Тому далі я знайшов у спільноті Адоб<\/a> шматок коду схожий на те, що мені треба.<\/p>\n
Але для його використання для різних накреслень і шрифтів не вистачало масиву значень на початку та циклу його виконання. Тому я скопіював код і попросив ChatGPT додати мені ці модулі. І за кілька уточнень вийшло робоче рішення.<\/p>\n
Далі зробив ще одну версію, попросивши додати виклик модального вікна, в яке можна ввести руками потрібні назви шрифтів. І він мені це теж зробив:<\/p>\n
\n\n\nСтворення скрипту заміни шрифту в InDesign<\/div>\n<\/div>\nЗавантажити скрипти:<\/p>\n
- \n
- Версія<\/a>, яка заміняє усі шрифти у всіх фреймах;<\/li>\n
- Версія<\/a>, яка заміняє шрифт лише у виділеному тексті;<\/li>\n
- Версія<\/a>, заміняє шрифт або у виділених фреймах, або в усіх;<\/li>\n
- Версія<\/a> з двома вікнами введення назви старого і нового шрифтів;<\/li>\n
- Версія<\/a> з одним вікном, в якому можна ввести кілька шрифтів.<\/li>\n<\/ul>\n
1.2. Заміна стилів у InDesign<\/h2>\n
Окрім зміни шрифтів, попросив придумати скрипт, для заміни одних стилів на інші та ще попросив додати вікно, в якому ці назви можна ввести. Отримав такий скрипт<\/a>.<\/p>\n
\n\n\nСкрипт для InDesign, який заміняє один стиль на інший<\/div>\n<\/div>\nА далі попросив замість полів для введення тексту зробити спадні списки зі всіма наявними стилями у документі. Але скрипт сходу не запрацював, але його можна об’єднати з попередніми.<\/p>\n
\n\n\n<\/div>\n2. Збереження Google Docs у тій самій теці на Драйві<\/h2>\n
У мене є потреба періодично зберігати поруч з Гугл Документом також і PDF, який я потім можу відправити. При збереженні через меню документів сам документ у мене завантажується у Downloads, як і решта файлів. Але потім мені потрібно знову завантажувати PDF у ту саму теку на драйв. Не складно, але це витрата часу.<\/p>\n
Шукав приклади скриптів, які б могли зберігати PDF у ту саму теку, але робочих не знайшов. І от попросив ChatGPT запропонувати мені такий скрипт. І з першого разу отримав робочий варіант:<\/p>\n
\nfunction onOpen() {\n var ui = DocumentApp.getUi();\n ui.createAddonMenu()\n .addItem(’Convert to PDF’, ’convertDocToPDF’)\n .addToUi();\n}\n\nfunction convertDocToPDF() {\n var docFile = DocumentApp.getActiveDocument().getId();\n var doc = DriveApp.getFileById(docFile);\n var pdfFile = DriveApp.createFile(doc.getAs(’application\/pdf’)).setName(doc.getName() + «.pdf»);\n var parentFolder = doc.getParents().next();\n pdfFile.makeCopy(parentFolder);\n pdfFile.setTrashed(true);\n}\n\n<\/pre>\n\n\n\n<\/div>\nТакож ChatGPT описав інструкцію, як цей скрипт опублікувати, щоб він працював не тільки у конкретному документі, але це виявилось не так просто, як зробити скрипт 😅.<\/p>\n
\n\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/_automation-2-1.png\")
\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/_automation-2-2.png\")
\n<\/div>\n<\/div>\n3. Транслітерація тексту в Figma<\/h2>\n
Колись для транслітерації назв зробили разом з програмістами простий сайт з простим JS, якій заміняв літери на інші за певними правилами. Потім з цього створили скрипти для AI та ID. А потім я стикнувся з такою з задачею у Фігмі, але робочих рішень не знайшов. Щось покрутив, але кинув, бо моїх знань було недостатньо.<\/p>\n
І от спробував згодувати цю задачу ChatGPT. Взяв увесь наявний скрипт, як приклад, і попросив придумати, як з цього скрипту зробити скрипт для Фігми. Спочатку запропонований код транслітерував всі тексти на сторінці. Через уточнення він це робив для виділеного тексту, а якщо не виділений, то вже для всього.<\/p>\n
\n\n\n<\/div>\nІ у першому варіанті цей код навіть працює, транслітерує, лишилось тільки допиляти для виключень і різних випадків. Далі вже можна туди додати якийсь інтерфейс за потреби. Тест вважаю вдалим.<\/p>\n
\n\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/_automation-3-1.png\")
\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/_automation-3-2.png\")
\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/_automation-3-3.png\")
\n<\/div>\nКод транслітерації для Фігми від ChatGPT<\/div>\n<\/div>\n4. Створення регулярних виразів для GREP \/ RegEx<\/h2>\n
Про грепи (або регулярні вирази, або regex) розповідав у лекції і все хотів написати детальну статтю зі всіма посиланнями, які назбирав, але все не знаходив час. GREP дуже потужна штука, але в неї був дуже високий поріг входу, щоб розуміти як будувати потрібні правильні вирази.<\/p>\n
І от тепер з ChatGPT цей поріг можна вважати зниженим, бо він дуже гарно конструює навіть складні вирази.<\/p>\n
Наприклад, давайте в Індизайні після всіх прийменників додамо нерозривні пробіли у всьому тексті через GREP-стилі. Для цього потрібно знайти у тексті всі прийменники. Тож створюємо стиль для символів без перенесень (no break) та питаємо у ChatGPT список всіх прийменників у вигляді регулярного виразу.<\/p>\n
Він розуміє українську і віддає згенерований вираз вже у потрібній формі. Єдине що цей regex не зовсім підійде у Індизайн, тому уточнюємо що це має бути саме GREP для Індизайну і отримуємо робочий запит.<\/p>\n
\n\n\n<\/div>\nТак само можна конструювати грепи, які знаходять прізвища та ініціали, одиниці вимірювання, дати та місяці, номери телефонів у різних видах тощо. Далі потім знайдені дані (одразу всі, в усьому тексті) можна або переформатовувати або задавати їм потрібний стиль.<\/p>\n
\n\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/_automation-4-1.png\")
\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/_automation-4-2.png\")
\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/_automation-4-3.png\")
\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/_automation-4-4.png\")
\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/_automation-4-5.png\")
\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/_automation-4-6.png\")
\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/_automation-4-7.png\")
\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/_automation-4-8.png\")
\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/_automation-4-9.png\")
\n<\/div>\nПриклади різних регулярних виразів<\/div>\n<\/div>\nРегулярні вирази — дуже технічно-орієнтований інструмент. Тому тепер до цього інструменту є людино-орієнтований інтерфейс, який трансформує ваш запит у зрозумілу машині форму.<\/p>\n
\n\n\nGREP заміни кириличних лапок латинськими<\/div>\n<\/div>\n5.1 Зібрати відео зі скріншотів (з використанням ffmpeg)<\/h2>\n
Також в лекції згадував, що також у автоматизації дуже допомагають різні консольні команди (cli, command line interface), які заточені на певні дії. З ними така сама ситуація — щоб ними користуватись, потрібно розбиратись в прикладах та документації, що теж техно-орієнтованість.<\/p>\n
Тому тут можна теж ChatGPT використовувати, як посередника для пошуку потрібної команди з потрібними параметрами. Наприклад, маємо купу скріншотів зроблених автоматично з різницею у 4-5 секунд, з яких хочемо зробити скрінкаст.<\/p>\n
Для роботи з відео є потужна програма ffmpeg<\/a>, яка працює з командного рядка. Тож попросив ChatGPT запропонувати команду для ffmpeg, яка б об’єднала картинки у відео. З першого разу отримуємо варіант, який на 100% працює та робить відео з заданою кількістю кадрів, які можна скоригувати.<\/p>\n
\nffmpeg -framerate 30 -pattern_type glob -i ’\/path\/to\/folder\/*.jpg’ -c:v libx264 -pix_fmt yuv420p \/path\/to\/output.mp4\n<\/pre>\n
Таким чином не потрібні ніякі додаткові програми, для створення відео з картинок: за допомогою Автоматора робимо скріншоти, а через ffmpeg отримуємо відео.<\/p>\n
\n\n\nЗбір відео з окремих картинок<\/div>\n<\/div>\n5.2 Компресія відео (з використанням ffmpeg)<\/h2>\n
Так само можна пошукати запити і на інші задачі з відео, наприклад, перезберегти з певною компресією чи зміною розміру, або прискоренням.<\/p>\n
\n\n\n<\/div>\nРаніше я шукав налаштування команд на Stackoverflow, а зараз швидше спитати у ChatGPT. Приклади запитів.<\/p>\n
\n\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/_automation-5-2-1-compress-video.png\")
\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/_automation-5-2-2-compress-video.png\")
\n<\/div>\n<\/div>\nКомпресія відео з ffmpeg<\/p>\n
6. Зміна в наявному скрипті для Автоматора (Apple Script)<\/h2>\n
До попереднього пункту: для створення скрінкасту у мене був скрипт, який робив скріншот екрану і клав у потрібну теку в Дропбоксі, а потім зі скріншотів збиралося відео.<\/p>\n
Зараз Дропбокс змінив і виходить старий скрипт некоректно працює. Йти шукати у документації до AppleScript як змінити шлях було б довго. Тому скопіював наявний скрипт і попросив замінити шлях збереження скріншотів у теку \/Desktop<\/i>.<\/p>\n
\n\n\n<\/div>\n7. Збереження в TIFF у Adobe Illustrator<\/h2>\n
Ще попросив зробити скрипт для швидкого збереження артборду у TIFF з заданим DPI. Отримав отакий варіант, який видавав помилку. Знайшов у спільноті Адоба відповідь зі схожою частиною, та побачив що один з параметрів замість IBM має називатись IBMPC, замінив, запрацювало. Тобто весь скрипт робочий, але помилка була в одному з параметрів. Завантажити скрипт<\/a>.<\/p>\n
\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/automation-7-1-w2400.png\")
\nЗбереження артбоду в TIFF 300dpi<\/div>\n<\/div>\n8. OSM Overpass Query<\/h2>\n
Деякі системи хоч і доступні всім, але поріг входу в них занадто високий. Але ChatGPT і тут зможе допомогти його подолати.<\/p>\n
У OpenStreetMap (карта\/база даних, які відкриті для всіх) зберігається величезна база геоданих, доступ до яких не суперпростий. І в OSM є мова запитів Overpass, яка дозволяє вивантажувати \/ запитувати якусь певну частину тих даних. Так от Overpass супер-неінтуітивна мова, і тут Chat GPT допомагає перекласти запит з людської на машинну.<\/p>\n
twitter.com\/lemonodor\/status\/1636849040548675584<\/a><\/p>
P.S.<\/h2>\n
І це я скористався лише безкоштовною версією ChatGPT (модель GPT 3.5), і вже відчув, що стаю продуктивнішим ніби маю ще один механізований маніпулятор на додачу до рук, який розуміє що я хочу зробити та робить це швидше,<\/p>\n
Тепер спробую модель Codex (Github Copilot), яка створювалась як раз для написання коду, а також GPT4. Напишу потім, що з цього вийшло.<\/p>\n
Також хотів проілюструвати цю думку згенерувавши картинку людини з ще оною механізованою рукою, накшталт, технодесандників з Вархаммеру, але з 20 спроб у Midjourney v4 мого задуму не вийшло<\/i> ¯\\_(ツ)_\/¯<\/p>\n
\n\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/alexkolodko_man_with_extra_bionic_robotic_mechanical_manipulato_5e4ed387-75ea-434f-80ad-54a6bbf25a92-transformed.png\")
\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/alexkolodko_man_with_extra_bionic_robotic_mechanical_manipulato_c97b8485-4aa5-4fcc-aba3-c6bbdc06f756-transformed.png\")
\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/alexkolodko_man_with_augmentics_stay_with_laptop_at_the_large_f_35d6b34f-06c8-42a9-bb5f-a9f7d0228c89.png\")
\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/alexkolodko_man_with_augmentics_stay_with_laptop_at_the_large_f_366792c8-fc63-431c-adb1-e75029104bb6.png\")
\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/alexkolodko_man_with_augmentics_stay_with_laptop_at_the_large_f_b5de7f02-f43b-4fd6-b01c-4c33fcdace3e.png\")
\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/alexkolodko_man_with_bionic_robotic_mechanical_manipulator_in_h_4edd41d4-5a33-488d-ad2c-58255555764f.png\")
\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/alexkolodko_man_with_bionic_robotic_mechanical_manipulator_in_h_79d5dd21-a324-4f24-b5c2-ce37832c925b.png\")
\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/alexkolodko_man_with_extra_bionic_robotic_mechanical_manipulato_5e4ed387-75ea-434f-80ad-54a6bbf25a92.png\")
\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/alexkolodko_man_with_extra_bionic_robotic_mechanical_manipulato_15cc879c-6032-47b5-883c-56ccb48732cb.png\")
\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/alexkolodko_man_with_extra_bionic_robotic_mechanical_manipulato_bb7622b8-8dac-41de-9925-d14892d79a05.png\")
\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/alexkolodko_man_with_extra_bionic_robotic_mechanical_manipulato_c97b8485-4aa5-4fcc-aba3-c6bbdc06f756.png\")
\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/alexkolodko_techmarine_warhammer_40k_style_with_robotic_arm_sit_092b8d8f-7132-4b40-9394-dd83607d6cb8.png\")
\n![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/alexkolodko_techno_spacemarine_warhammer40k_style_with_robotic__b100e5a6-8d87-4b47-83cf-3151991a242a.png\")
\n<\/div>\n<\/div>\n
<\/p>\n?<\/b><\/span><\/p>\n<\/div>
Якщо у вас приклади вашого повторюваного дизайн-процесу, який ви повторюєте щоразу і витрачаєте свій час, напишіть на пошту<\/a> або у телеграм<\/a>.<\/p>\n<\/div><\/div>
<\/p>\n - Версія<\/a>, яка заміняє шрифт лише у виділеному тексті;<\/li>\n
- Версія<\/a>, яка заміняє усі шрифти у всіх фреймах;<\/li>\n
- Size, KB<\/b> — розмір у КБ
- У комірку A1<\/i> вставляєте посилання на теку у Драйві (вона може бути як публічною, так і ні), треба взяти посилання з вікна Share<\/i>, яке містить в собі …\/folder\/…<\/i>.<\/li>\n
- Unit converter<\/a>: простий калькулятор для переводу міліметрів у пікселі та навпаки.<\/li>\n
- Print for Figma<\/a>: плагін, що допомагає створити артборди, які б відповідали фізичним аркушам, а також автор розробляє експорт у CMYK.<\/li>\n