![\"\"](\"https:\/\/blog-archive.alexkolodko.com\/pictures\/automation-shortcuts-macos-ocr-1.png\")
\n<\/div>\nНижче викладаю самі файли Shortcuts, які можете додати собі. Продуктивної роботи всім 🦾<\/p>\n
- \n
- Розпізнавання з частини екрану<\/a><\/li>\n
- Розпізнавання з файлу<\/a><\/li>\n<\/ul>\n", "date_published": "2026-01-25T19:28:43+02:00", "date_modified": "2026-01-25T19:28:39+02:00", "tags": [ "automator", "mac os x", "shortcuts", "автоматизація" ], "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/automation-shortcuts-macos-ocr-1.png", "_date_published_rfc2822": "Sun, 25 Jan 2026 19:28:43 +0200", "_rss_guid_is_permalink": "false", "_rss_guid": "166", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/blog-archive.alexkolodko.com\/pictures\/automation-shortcuts-macos-ocr-1.png" ] } }, { "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<\/ul>\n", "date_published": "2026-01-25T19:28:43+02:00", "date_modified": "2026-01-25T19:28:39+02:00", "tags": [ "automator", "mac os x", "shortcuts", "автоматизація" ], "image": "https:\/\/blog-archive.alexkolodko.com\/pictures\/automation-shortcuts-macos-ocr-1.png", "_date_published_rfc2822": "Sun, 25 Jan 2026 19:28:43 +0200", "_rss_guid_is_permalink": "false", "_rss_guid": "166", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/blog-archive.alexkolodko.com\/pictures\/automation-shortcuts-macos-ocr-1.png" ] } }, { "id": "94", "url": "https:\/\/blog-archive.alexkolodko.com\/all\/design-automation-with-chatgpt-part2\/", "title": "Автоматизація дизайну з ChatGPT. Частина 2: скрипти для InDesign, Figma, Google Docs, Automator", "content_html": "