Інструменти · 2026-10-01
Як дизайнер за допомогою ШІ зробив рекламну кампанію музею з готових елементів бренду
Компанія Figma показала приклад, як у дизайн-інструменті Figma Weave з елементів фірмового стилю швидко створити рекламні матеріали для кількох країн.
Що за інструмент і навіщо він
Figma Weave — це робочий простір, де блоки зі штучним інтелектом з'єднують між собою, як деталі конструктора. Компанія Figma опублікувала приклад, як із цими блоками зробити рекламну кампанію. Його використовують дизайнери, які працюють із фірмовим стилем: шрифтами, кольорами та розміщенням елементів.
Головна ідея проста: є готова система оформлення бренду (шрифти, палітра, макети), і з неї можна зробити плакати, рекламні щити та пости для соцмереж, не починаючи з нуля.
Як це працює крок за кроком
Спочатку дизайнер копіює потрібні кадри з Figma Design і вставляє їх у Weave. Блок Figma node залишає зв'язок з оригіналом, тож зміни у Figma Design одразу з'являються і у Weave.
Далі блок Image Describer аналізує зразки: які кольори переважають, які використовуються як акценти, як виглядає макет із фото і без нього. Окремо блок Color Palette зберігає повну палітру, а три блоки Image Describer описують сірі, жовto-помаранчеві та сині відтінки.
Блок Gen Effect створює візуальний ефект за описом простими словами, наприклад зміну кольорів і легке розмиття по краях. Результат щоразу трохи різний, тому автор радить згенерувати кілька варіантів і вибрати той, що пасує. Потім цей ефект застосовують до всіх зображень, щоб вони виглядали як єдина серія.
Для переказу текстів на інші мови використовують блок Any LLM. Для кожної мови створюють окремий блок з інструкціями від копірайтера бренду. Англійську фразу вставляють у запит, і модель повертає адаптований варіант із правильними переносами рядків. У прикладі це французька, німецька, японська та португальська мови.
Важливо знати
Приклад описує вигаданий музей Museum of Speculative Futures, тому це навчальний сценарій, а не реальна кампанія. Текст Figma також не містить окремих посилань, тож перейти до додаткових матеріалів із нього можна лише через сайт Figma.
Джерела: 🔗 Figma Blog