⭐️И мы станем сверхновой Суперзвездой…

Так подумали мы, когда узнали, что наш клиент ОМК забрал сразу две награды на The Human Content SMM Awards — золото и бронзу Награды получил проект «Заводские настройки» — программа, для которой команда Суеты разрабатывала ребрендинг и визуальную систему. Теперь этот проект собирает не только лайки и охваты, но и награды. Поздравляем команду ОМК с заслуженной победой и гордимся, что стали частью этой истории🌟

Появилась возможность добавлять анимацию для иконок в кнопках Zero Block. Например, анимацию увеличения (Scale) или прозрачности (Opacity). Это поможет акцентировать внимание пользователей на важных действиях и сделает интерфейс сайта более отзывчивым. Где найти: Настройки (Settings) 👉 Иконка (Icon) 👉 Анимация (Animation) #tildaupdates

Как работать с новым универсальным блоком для каталога товаров и заказами в личном кабинете — узнаете на бесплатном вебинаре 9 июня. 👉 Запишитесь, чтобы получить ссылку перед началом: https://t.me/TildaEventsBot?start=dl-17780021626e4b88f5295a На вебинаре разберём: 🟠Детальную настройку нового блока с товарами ST340; 🟠Работу с заказами в личном кабинете; 🟠Обновления в CRM и интеграциях с сервисами. Вебинар проведёт Кристина Волошина, эксперт службы поддержки Тильды.

Новые стили отображения разделов, настройки их расположения и дополнительные вариации блока. В карточках рассказываем подробнее 👉 Как вам обновления? Делитесь в комментариях! 💬 #tildaupdates

Если в дизайн-системе у иконок ограниченный набор размеров, это почти всегда превращается в отдельную архитектурную проблему. Снаружи всё выглядит просто: ну есть 12, 16, 20 и 24 пикселя, что тут обсуждать. А потом выясняется, что один подход удобен библиотекарю, но раздражает потребителя, второй красиво выглядит в теории, но ломается на вложенных компонентах, а третий требует больше ручной поддержки, зато лучше всего ведет себя в реальной работе. Алиса Пакард очень внятно разбирает эти варианты и приходит к практичному выводу: лучший компромисс сейчас это size-свойство на каждом icon-компоненте, а не отдельные компоненты на каждый размер и не обертка для иконок. Потому что этот способ дает больше контроля там, где он нужен, не ломает опыт потребителя и лучше сочетается с preferred swaps и другими паттернами внутри библиотеки. Внутри: – Почему отдельные компоненты под каждый размер иконки быстро захламляют библиотеку; – Зачем подход с variable modes выглядит заманчиво, но плохо масштабируется; – Чем icon wrapper удобен для поддержки, но неудобен в реальном UI; – Почему вложенные иконки внутри кнопок и других компонентов всё усложняют; – Как size-свойство на каждом icon-компоненте решает проблему гибче; – Почему этот подход лучше для preferred swaps и настройки конкретных компонентов; – Какой компромисс приходится принять библиотекарю при таком решении; – Почему в управлении размерами иконок сейчас важнее опыт потребителя, чем удобство внутренней поддержки. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Теперь можно выгружать товары из аккаунта продавца Ozon в каталог интернет-магазина на Тильде. Синхронизация доступна в настройках Каталога, если в Профиле указана страна Россия. Где найти: Каталог 👉 Еще 👉 Синхронизация с Ozon Чтобы подключить синхронизацию с Ozon, вам потребуется указать Client ID и API-ключ в настройках интеграции. Подробная инструкция в нашем Справочном центре: https://help-ru.tilda.cc/online-store-payments/ozon #tildaupdates

Сейчас я больше работаю с Claude, поэтому задумалась об экономии ) Что накопала — делюсь ) Токен — это кусочек текста, чуть меньше слова, для английского ≈ ¾ слова, для русского дороже, кириллица дробится на большее количество токенов). Вот тут первый лайфхак: пишите на английском ) При каждом сообщении модель обрабатывает: • Входные токены — вся история чата целиком, системные инструкции, прикреплённые файлы, инструкции проекта. • Выходные токены — собственно ответ Claude. Ключевой момент: история читается заново на каждом шаге. Поэтому чем длиннее диалог, тем дороже каждая следующая реплика, даже если она короткая. Как тратить меньше токенов? • Планировать сообщение. Объединять связанные вопросы в одно сообщение. • Новая тема — новый чат. Не таскать за собой длинную нерелевантную историю. • Длинные тексты и документы, к которым обращаешься многократно, держать в Проектах и формате md: содержимое кэшируется (а в RAG-режиме подгружается только релевантными кусками) и не списывается заново при каждом сообщении. • Отключить ненужные инструменты и коннекторы в настройках. • Выключать extended thinking, когда задача простая. • Выбирать текст, а не скрин. Для сравнения: 1 000 токенов ≈ 750 слов текста. • Подбирать модель под задачу — для простого незачем брать Opus. Как отслеживать расход? Сlaude.ai/settings/usage — прогресс-бары текущей сессии и недели для Pro/Max/Team. Это запаздывающий индикатор: он показывает «сколько процентов плана съедено», но не счётчик токенов конкретной реплики. Claude Code: команда /cost показывает потокенный расход сессии, /stats — паттерны во времени; плюс локальные JSONL-логи, которые читают сторонние мониторы. API: точное число входных/выходных токенов в каждом ответе + отдельный эндпоинт для предварительного подсчёта. en<able> - о дизайне в A11y | Наши статьи на VC

Generative Fill уже умел менять изображение по текстовому запросу. Но когда в Фотошоп добавили Reference Image, быстро выяснилось, что пользователи ожидают от него не «примерное вдохновение», а гораздо более управляемый результат. То есть проблема была не в самой идее, а в том, как люди понимали влияние референса и насколько могли контролировать итог. Самое интересное в кейсе Adobe не финальный интерфейс, а сам путь. Команда прошла через несколько раундов исследований, пробовала разные сценарии, даже собрала отдельный Protoshop, чтобы тестировать гипотезы быстрее, чем через десктопный Фотошоп. В процессе отвалились лишние настройки, поменялась логика взаимодействия, а главный вывод оказался довольно приземленным: пользователю важнее не количество контролов, а понятный способ заранее выразить намерение. Внутри: – Почему первый интерфейс с референсом не совпал с ожиданиями пользователей; – Какие непонимания вскрылись между промптом и референсным изображением; – Почему людям было важно управлять степенью влияния референса; – Зачем команда пробовала drag-and-drop и почему этот путь не сработал; – Как отдельный Фотошоп ускорил цикл тестирования и переделок; – Почему пришлось адаптировать технологию под поведение людей, а не наоборот; – Как в финальной версии упростили сценарий и убрали лишнюю сложность; – Что этот кейс говорит о дизайне AI-функций в целом: контроль важнее магии. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Есть два вида печати: 1. Цифровая — быстрая и выгодная. Макет отправляется на печатную машину и наносится на бумагу напрямую тонером или краской, как в домашнем принтере. Можно сделать один экземпляр, внести правки в файл и тут же напечатать исправленную версию. 2. Офсетная устроена сложнее: краска сначала попадает на печатную форму, потом на резиновое полотно, а с него — на бумагу. Это более долгий и дорогой способ, так как на старте нужно оплатить изготовление форм и настройку оборудования. Выбирайте вид печати, учитывая его плюсы и минусы. Подробнее об этом — в статье в нашем блоге. #польза #печать @contented

В гамбургер-меню теперь можно добавлять до четырёх уровней вложенности. Например, в интернет-магазине можно выстроить структуру «Каталог → Одежда → Мужская → Футболки», чтобы пользователю было проще ориентироваться в большом количестве категорий. Настройка доступна для блоков: ME400, ME400A-F, ME401N, ME402N, ME405N. #tildaupdates

Теперь вы можете подключить к своему сайту или интернет-магазину мессенджер ВКонтакте, чтобы принимать заявки из форм в личные сообщения. Для этого вам потребуется авторизироваться в вашей учётной записи во ВКонтакте, скопировать ID вашего аккаунта и перейти в сообщество Tilda Publishing Forms по ссылке: https://vk.com/tildapublishing_forms Подробную инструкцию по подключению интеграции читайте в Справочном центре: https://help-ru.tilda.cc/forms/vk Где настроить: Настройки сайта 👉 Формы 👉 VK #tildaupdates

Почему ваш сайт не растёт в поиске и что делать, чтобы улучшить его позиции в поиске и нейросетях — узнаете на бесплатном вебинаре 27 мая. 👉 Запишитесь, чтобы получить ссылку перед началом: https://t.me/TildaEventsBot?start=dl-1777560685061a51ca1724 На вебинаре разберём: 🟠 Как работает SEO сегодня, и почему это не про ключевые слова; 🟠 Из каких этапов состоит базовая SEO-настройка сайта; 🟠 Как AI влияет на поиск и что важно учитывать в работе над сайтом. Вебинар проведёт Артур Ткаченко, CEO Alt Design и Alt Agency.

Книга про то, как небольшие изменения в среде влияют на решения людей. Не через давление и манипуляции, а через архитектуру выбора: порядок вариантов, формулировки, настройки по умолчанию, визуальные подсказки. Почему это полезная книга для дизайнеров? Мы постоянно направляем внимание человек и влияем на его поведение. 🔸Например, в меню кафе можно просто перечислить позиции, а можно через верстку и акценты мягко направить выбор: выделить авторские напитки, поставить их выше, добавить маленькую пометку «выбор бариста» или визуально отделить их от базового меню. Формально выбор остаётся свободным, но дизайн помогает человеку быстрее принять решение. Хорошая книга, чтобы перестать думать о дизайне только как о «сделать красиво» и начать видеть в нём систему решений.

У Фигмы в релиз-нотах появился апдейт Draw. Там добавили текст по контуру, быстрый доступ к инструментам, отдельные слои для текста и вектора, новые настройки кистей, градиентов, текстур и шума. Можно было бы пролистать и забыть. Ну мало ли, ещё один набор мелких улучшений для тех, кто любит ковырять векторы. Но вообще это довольно показательная история. Они уже давно перестали быть просто местом, где рисуют экраны. Теперь вот потихоньку забираю соседние задачи, из-за которых дизайнер раньше уходил в другие редакторы. Обычный рабочий сценарий: • Собрал экран в Фигме. • Понял, что нужна простая картинка для пустого состояния. • Потом обложка. • Потом чуть поправить вектор. • Потом текст по дуге. Потом какая-то графика для презентации. И начинается: открыл Illustrator, поправил, экспортнул, вставил обратно, увидел правку, пошёл заново. Всё это не страшно, но бесит. Особенно когда задача маленькая, а вокруг неё внезапно появляется отдельный мини-процесс. Вот в такие места Draw и лезет. В ежедневную мелкую графику, которая постоянно всплывает рядом с интерфейсами. Для большой профессиональной иллюстрации отдельный редактор всё равно пригодится, тут иллюзий нет. Для продуктового дизайнера это вполне окей. Нужно быстро собрать пустое состояние, простую иконку, промо-блок, обложку, кусок графики для лендинга или презентации. И если всё это можно сделать прямо рядом с макетом, без прыжков между окнами, то понятно, почему Фигма туда идёт. Обратная сторона тоже есть: фигма начинает пухнуть. Сначала экраны. Потом прототипы. Потом Dev Mode. Потом сайты. Потом ИИ. Теперь ещё больше графики. И в какой-то момент инструмент, который был понятным рабочим местом, начинает превращаться в такой дизайн-комбайн, где всё вроде можно, но иногда уже не очень понятно, куда смотреть. Мне в целом удобно, когда мелкие графические штуки можно быстро сделать в том же файле. Я не хочу ради маленькой картинки для онбординга открывать ещё одно приложение и устраивать цирк с экспортами. Но я ещё меньше хочу, чтобы Фигма стала местом, где всё делается на уровне «ну вроде норм». Короче, Draw выглядит маленьким апдейтом, но направление у Фигмы понятное: дизайнер должен всё реже выходить из одного рабочего пространства. Вопрос только в том, где у этого пространства край. Потому что если сложить туда вообще всё, однажды сама Фигма станет отдельной задачей на день. Я вот, например, так и не нашёл как мне отменить подписку на тим аккаунт. Нигде. Даже кодекс просил, чтоб нашёл. Тупо нет кнопки нигде. Что думаете? ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Мечта любой команды разработки сейчас — автоматизировать сборку дизайна с помощью LLM, чтобы ускорить delivery-процесс. Я видел несколько разных подходов, но в итоге пришёл к чему-то, что, как мне кажется, должно сработать удобно Рассказываю на примере проекта, где я на фрилансе (oversecured.com) Дано: - legacy-архитектура фронта, которую сложно масштабировать с LLM-кой - отсутствие части макетов в Figma + неактуальность макетов Что хотим: - заиметь макеты в Figma, которые выступают как источник правды - можно дать ссылку на макет, и LLM (Codex/Claude) его соберёт - UI-kit/дизайн-система, которая полностью совпадает в Figma/code Как мы решили это сделать: 1. Подключаем для кода open-source библиотеку компонентов shadcn (https://ui.shadcn.com/create). Компонентов там достаточно много + они гибкие (можно внутрь прокидывать много свойств). Это наша база, из которой мы будем собирать весь фронт 2. Берём для этой же библиотеки какой-то из Figma-файлов (вот здесь (https://ui.shadcn.com/docs/figma) есть несколько ссылок на файлы community, на них ссылается сам shadcn). Это наша вторая база, из которой мы будем собирать все макеты в Figma Мы пока не придумываем дизайн и не собираем компоненты с нуля, чтобы ускориться на старте, — просто берём готовое решение. 3. Начинаем собирать макеты в Figma из компонентов, которые мы взяли в community. На скрине — дизайн 4. Дальше через Figma MCP мы можем отдавать нашему AI-агенту ссылку на макет и просить собрать дизайн с помощью компонентов shadcn (можно также использовать shadcn MCP (https://ui.shadcn.com/docs/mcp)) Для тех, кто еще не знает: MCP — это протокол, через который LLM общается с внешними тулами вроде Figma. Важно здесь отловить одну вещь: AI-агент должен вытаскивать из Figma не скриншот макета, а структуру страницы (для этого используются разные методы). И всё — это работает. Простые страницы уже собираются верно на 95–100%, страницы посложнее пока тестируем Первая задача — актуализировать весь фронт на новых гибких компонентах. Во второй части (когда я к ней подойду) я хочу иметь возможность стилизовать компонент в Figma и стащить дизайн на фронт, чтобы в коде он тоже стилизовался В теории, проблемы тут быть не должно, потому что мы взяли в коде и в Figma одинаковую семантику токенов (и там и там shadcn) — то есть цвет в коде и цвет в Figma называются одинаково, например surface-default-100 Я уже предвижу некоторую сложность со стилизацией и со сборкой сложных экранов, так как в Figma компонент не всегда соответствует по пропсам тому, что есть на фронте в библиотеке shadcn (часть свойств может отсутствовать, часть — называться иначе). Тут потребуется немного ручной настройки и тюнинга компонентов в Figma Часть 2 напишу, когда подойду к ней!

- в школе я сооружала агро системы для полива - собирала палочки и веточки - я подвязала саженец яблони на даче, а палка к которой я привязывала проросла - про бесчисленные эксперименты с цветной морковкой, кабачками и земляникой можно даже не упоминать Когда все достанет - уйду заниматься растениями, а пока вот новый эксперимент : Мимоза стыдливая выросла у меня из семян и всех радует своей реакцией на прикосновения🤲🏻 И тут вопрос: "Как она это делает"??

Полезное видео для художников из которого вы узнаете, как просто изменить цвет каждого штриха. #photoshop #лайфхак

👋 Всем привет, возвращаюсь в канал после небольшого перерыва с новой модификацией ) Сделала для себя вот такой простенький прелоадер для Тильды с помощью ChatGPT (в демонстрации мой ученический проект с курса Тильды Про, кстати 🤭) Фишка данного прогресс бара в том, что он имитирует реальную загрузку страницы, а не просто делает определенную паузу на экране загрузки. Сделать прямо таки настоящий прогресс бар загрузки для Тильды нельзя по утверждению нейронки, поэтому она сделала имитацию, очень близкую к реальному процессу загрузки сайта. По моим тестам все очень даже правдоподобно выглядит и совпадает с реальным временем загрузки. ⭐️ Код прелоадера в файле в комментариях к посту. ✨ В начале кода вынесены все основные настройки, которые вам могут понадобится для стилизации под дизайн вашего сайта (обратите внимание, что есть ряд настроек отдельно и для мобильной версии) — все подписано комментариями. ❤️ Если у вас есть вопросы по редактированию кода — дайте знать в комментариях 😊 #тильда #модификации #прелоадер

Пошаговый гайд по настройкам нод, вырезанию и всем остальныим аспектам для создания такого эффекта. #DaVinciResolve

В карточках разбираем, какие ошибки чаще всего допускают при подключении онлайн-оплаты и как их можно не допустить 👉 Подробнее о том, как законно принимать онлайн-оплату и какие варианты доступны предпринимателям, рассказываем в нашей новой статье: https://tilda.education/payment-on-the-website 💬 Какой платёжный сервис выбираете вы и почему? Делитесь с нами опытом в комментариях!