Secret Code
575 subscribers
135 photos
23 videos
103 links
Новости из мира веб-дева и мысли админа
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
💻 Figma анонсировала крутейшие обновления на Config 2025!

Теперь дизайн станет еще мощнее, креативнее и удобнее. Ловите главные фишки:

🎨 Figma Draw — рисуйте как никогда раньше
— Создавайте более точные и детализированные векторные иллюстрации с помощью новых инструментов, таких как лассо, конструктор фигур и мультиредактирование
— Текст вдоль кривой, кисти с настройкой, текстуры, шумы и даже «дрожащие» контуры
— Повторы элементов, продвинутые векторные правки и скоро — изменение толщины штриха в любой точке

Доступно на всех платных тарифах

Grid — идеальные адаптивные сетки
— Авто-макет с сеткой для галерей, товаров, бенто и не только
— Элементы могут занимать несколько строк/столбцов: полный контроль над размерами
— Полная поддержка свойств сетки для разрабов в Dev Mode

Пока в бете, но уже можно тестировать

📷 Figma Buzz — брендинг на автомате
— Шаблоны для команд + AI: генерируйте изображения, удаляйте фон, редачьте текст
— Массовое создание ассетов из CSV-таблиц
— Редактирование с ограничениями, чтобы держать контент в рамках брендинга

Бесплатно в бета-версии

🌐 Figma Sites — сайты без кода
— Переносите дизайны из Figma, адаптируйте под разные экраны, добавляйте параллакс и анимации
— Для ознакомления имеется больше 50 шаблонов
— Публикуйте прямо в веб

Бета для платных тарифов

🤖 Figma Make — прототип за минуту
— Вводите текстовый запрос — получайте готовый интерактивный прототип с кодом
— Редактируйте AI-результат: меняйте отступы, текст и другие свойства
— Превращайте идеи в живое веб-приложение

Скоро в платных тарифах

Все фишки убер-крутые и интересные. Как минимум мой ворк-флоу они уже перевернут. Анонс чего вам понравился больше всего?
Please open Telegram to view this post
VIEW IN TELEGRAM
81
🖥️ Сколько мониторов нужно разработчику?

Спойлер: два. И вот почему 👇

📊 Цифры с полей:
51% девелоперов юзают два экрана (опрос от StackOverflow).
98% признают: двойная конфигурация — топ за продуктивность 😊
91% с двумя мониторами счастливее, чем с одним. Причина? Меньше дергаться между окнами

📱 Почему не один?
Фронтендеру: код в IDE браузер/DevTools (иначе верстка уезжает)
Бэкендеру: редактор терминал/логи/БД
Дизайнеру: Figma референсы/требования

Самый кайф: ноутбук + внешник на 27 дюймов: на внешнем открыт код, а на ноутбуке — браузер с превью/документацией/таск-трекером

На фото моё рабочее место в офисе. Уже месяц работаю в Яндексе. Пишите, если что-то интересно узнать)

💬 А сколько экранов у вас? Страдали или страдаете с одним монитором?
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
143
💻💻 Figma догоняет Liquid Glass!

Наконец-то ответ на хайповый дизайн-апдейт Apple! Напоминаю: на WWDC25 Купертино показали Liquid Glass — динамичные стеклянные элементы с преломлением света, реакцией на контент и движение. Красота! Но...

🎨 В Figma:
— Только жалкая имитация через blur() и opacity 😒
— Дизайнеры рвали волосы: «Без шейдеров и IOR (индекса преломления) — фейк!»

🔥 Сегодняшний анонс:
Figma вводит нативную работу с преломлениями! Теперь можно реалистично симулировать блики, искажения и "толщину" стекла

Когда ждать? Фигма говорит «скоро». Надеюсь, не как даркмод в Adobe XD

😫 А вот веб — треш
Осталось запилить Liquid Glass в браузеры. Но тут вау-эффект = вау-боль:

Преломление: Надо колдовать с IOR, светом, окружением...
Анимации: Элементы должны плавно играть при ховерах/тапах/скроллах — как в нативке!
Производительность: Чтобы не падало ниже 60 FPS на слабых Android

💬 Что будете делать первым с Liquid Glass в Figma? Делитесь идеями!
This media is not supported in your browser
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
83
😈 PNG 2025: масштабный апдейт

После 22 лет ожидания — W3C выпустил третью редакцию спецификации PNG — PNG3. Формат получил мощный апдейт, актуальный для современных задач

Ключевые нововведения:

🎬 APNG — официальный стандарт: Анимированные PNG теперь — часть формата. Прямая поддержка анимации в браузерах и софте без хаков

☀️ Поддержка HDR: Возможность хранить изображения с высоким динамическим диапазоном для более ярких и контрастных картинок

📝 Надежное хранение EXIF: Стандартизированная встроенная поддержка метаданных (камера, настройки)
Please open Telegram to view this post
VIEW IN TELEGRAM
63
Secret Code
💻💻 Figma догоняет Liquid Glass! Наконец-то ответ на хайповый дизайн-апдейт Apple! Напоминаю: на WWDC25 Купертино показали Liquid Glass — динамичные стеклянные элементы с преломлением света, реакцией на контент и движение. Красота! Но... 🎨 В Figma: — Только…
This media is not supported in your browser
VIEW IN TELEGRAM
💻💻 Figma + Liquid Glass — в релизе

Эффект жидкого стекла теперь можно применять в своих макетах

🎛️ 5 ключевых настроек:

Light (Свет): Угол падения света (45° по умолчанию)

Refraction (Преломление): Сила "искривления" фона под стеклом. Ноль = почти обычная рамка

Depth (Глубина): Создает ощущение толщины стекла. Работает в связке с Refraction. Без преломления эффект слабый

Frost (Мороз): Фактически размытие фона! Увеличивайте, чтобы сделать стекло менее прозрачным и улучшить читаемость текста на нем

Dispersion (Дисперсия): Эффект хроматической аберрации (радужные края, как в призме). Для стильных арт-объектов

Важные нюансы:

Тестируйте на реальном фоне. Эффект зависит от того, что под стеклом. Используйте компоненты с разными бэкграундами для быстрого сравнения

Сильный refraction и низкий frost делают текст на стекле нечитаемым

P.S.: Если вы делаете макет сайта или веб-приложения — не думайте даже об этой функции. На этапе верстки разработчики вас развернут 😁
Please open Telegram to view this post
VIEW IN TELEGRAM
92