Фірмовий стиль у Claude: від Figma-файлу до готової презентації
8 липня 2026 на воркшопі для Young Business Club показував, як із Figma-файлу бренду за 2–3 промпти зібрати дизайн-скіл у Claude і далі одним запитом робити в цьому стилі презентації, комерційні пропозиції, дашборди й навіть анімації.
-
2–3
промпти, щоб зібрати дизайн-скіл з Figma-файлу
-
52
файли бренду всередині одного дизайн-скіла
-
450
кадрів анімації, яку Claude зробив з текстового опису
З чого почали
Задача
Claude не генерує картинки, як ChatGPT чи Gemini. Зате він пише код: дизайн збирається з HTML за правилами бренду, тож градієнти, шрифти й блоки виходять точно.
Щоб не пояснювати стиль щоразу, правила бренду один раз пакуємо в скіл — і далі кожна презентація виходить в одному стилі.
Я один раз зробив скіл і все, він далі лупашить ці презентації однаково, так як мені треба.
Як зібрати дизайн-скіл
Шість кроків з воркшопу
-
01
Попросити Figma-файл бренду
Дизайнер збирає логотип, шрифти й кольори в один файл — з нього Claude витягує все потрібне.
-
02
Скіл за 2–3 промпти
Claude сам добирає елементи з файлу, пише інструкції, документацію й шаблони слайдів.
-
03
Опис — найважливіше
Саме за описом Claude вирішує, коли вмикати скіл, — і зазвичай пише його сам.
-
04
Скілів скільки завгодно
У контекст вони не вантажаться: Claude дивиться назви й описи і бере потрібні під задачу.
-
05
Один промпт плюс скіл
Пишете лише, що має бути на слайдах, а стиль, шрифти й кольори бере скіл.
-
06
Експорт без артефактів
Для точного PDF просимо зняти кожен слайд якісним скріншотом — тоді нічого не злітає.
Що ще робиться в тому самому стилі
Три формати, крім презентацій
-
Комерційні пропозиції
Односторінкова КП у форматі A4 — за тим самим промптом зі структурою.
-
Дашборди
Спершу ескізи на вибір, потім дизайн дашборда на ваших даних.
-
Анімації
Текстом описуєте етапи — і отримуєте MP4, як раніше робили в After Effects.
Ліміти
Чому дизайн я роблю через скіл
Коли режим Claude Design тільки зʼявився, у нього був окремий тижневий ліміт: одна дизайн-система і дві презентації — і тиждень я не міг там нічого робити.
Тож я вивантажив зі створеної дизайн-системи інструкції, шрифти й файли і зібрав з них звичайний скіл. Тепер ті самі задачі роблю в звичайному режимі.
Я в Claude Design зробив одну дизайн-систему, дві презентації, і все, в мене ліміт закінчився.
Питання й відповіді
Два перші — питання учасниці, третє питають найчастіше
-
Де взяти Figma-файл для дизайн-скіла?
Зазвичай його робить дизайнер: попросіть зібрати докупи логотип, шрифти й кольори бренду.
Немає дизайнера — найпростіше знайти фрилансера, або самому скласти все у Figma, якщо володієте нею.
-
Чи можна потім редагувати дизайн-систему?
Так: відкриваєте вихідний файл дизайн-системи, а в чаті поруч пишете, що змінити.
Можна й вручну — клікнути на блок і поміняти розмір чи шрифт, а можна просто текстом: "зроби цей текст оранжевим".
-
Скіл чи Claude Design — що обрати?
Я здебільшого обираю скіл: там уже прописані всі параметри, і експорт виходить таким, як треба.
Claude Design дає більше свободи правок — клікнути будь-куди і змінити, — але з експортом там незручніше.
Куди далі
Якщо тема стосується вашої команди
Розберемо запит за 15 хвилин
Безкоштовний дзвінок, на якому розпитую про задачі й кажу, що зробив би — буває, що задача закривається без мене.
