True Figma

Color Compass

Помогает подбирать сочетающиеся цвета и создавать вариации оттенков для палитры

⤷ Открыть

True Figma

3dicons

Более 1400 объёмных иконок, которые можно искать по названию, цвету и ракурсу

⤷ Открыть

True Figma

Autoflow

Автоматически соединяет экраны стрелками. Помогает быстро оформлять User Flow без ручного рисования каждой линии

⤷ Открыть

True Figma

Brandfetch

Помогает быстро находить логотипы, фирменные цвета и другие брендовые материалы. Удобно для презентаций, лендингов и сравнительных интерфейсо

⤷ Открыть

True Figma

Blush

Позволяет собирать собственные иллюстрации из готовых персонажей, поз и деталей

⤷ Открыть

True Figma

Хочешь добавить AI-чатботов в проекты на React? 🤖

Есть опенсорсная библиотека для React, которая позволяет быстро собирать свои чатботы. Её можно подключить к разным LLM, включая OpenAI и другие.

Поддерживает кучу кастомизаций, темы и гибкие настройки.

Где пригодится:

- поддержка пользователей прямо в приложении
- встроенные AI-ассистенты
- эксперименты с интеграцией LLM

Установка: npm install react-chatbotify

react-chatbotify.com

True Figma

Free Halloween 3d illustrations

Набор незаезженных 3D к Хэллоуину в отличном качестве

⤷ Открыть

True Figma

Figma Motion Text Animator

Инструмент для анимации типографики в Figma Motion. Интересен для динамичных заголовков и промороликов

⤷ Открыть

True Figma

Совет по CSS

Не нужно готовить отдельные версии логотипа в градациях серого для тёмной и светлой темы.

Это легко делается с помощью CSS-фильтров.

/* Для светлой темы */
.logos-container img {
filter: brightness(0);
opacity: 0.6;
}

/* Для тёмной темы */
.logos-container img {
filter: invert(1) saturate(0) brightness(4);
opacity: 0.6;
}

То есть, не нужно хранить отдельные изображения для светлого и тёмного режима — фильтры решают эту задачу.

True Figma

Топ-10 браузерных расширений для разработчиков

🔴JSON Formatter
Форматирует JSON в дерево, удобно читать данные API.

🔴Wappalyzer
Позволяет увидеть, какие технологии использует сайт.

🔴Fake Filler
Автоматически заполняет формы фейковыми данными, ускоряя тестирование.

🔴Clear Cache
Быстро очищает кэш браузера для проверки новых версий сайта.

🔴Talend API Tester
Дает возможность визуально работать с API и тестировать их.

🔴Focus To-Do
Повышает продуктивность, отслеживая задачи с таймером Pomodoro.

🔴Lighthouse
Позволяет быстро проверить производительность и доступность сайта.

🔴Cookie Editor
Позволяет быстро создавать, редактировать и удалять куки для тестов и отладки.

🔴Web Developer
Добавляет дополнительные инструменты для инспекции и отладки сайта.

🔴Dark Reader
Переводит сайты в тёмную тему, снижая нагрузку на глаза.

True Figma