Плагин Figwind — используйте классы Tailwind в слоях Figma.

Используйте классы Tailwind в названиях слоев Figma, чтобы легко обновлять стилистику в соответствии с темами Tailwind по умолчанию. Чтобы попробовать, назовите свой слой: bg-red-500, а затем запустите этот плагин. В настоящее время поддерживаются: Размер шрифта: text — узнать больше Цвет текста: text-color — узнать больше Цвет фона: bg-color — узнать больше Обводка: border- узнать больше Радиус: округлый — узнать больше Поддержка других классов Tailwind скоро появится. #Tailwind
Video is not supported

Плагин Figma to Code (HTML, Tailwind, Flutter, SwiftUI) — Полностью бесплатный плагин с открытым исходным кодом, который может вывести всю вёрстку вашего макета на трёх языках.

Как пользоваться: 1. Нажмите правой кнопкой мыши по макету и перейдите Plugins → Figma to Code. 2. Выделите любой объект на макете, и в появившемся окне отобразится его код. 3. При необходимости можете изменить язык: HTML, Flutter, SwiftUI, CSS-фреймворк Tailwind. Если нужны Flutter или SwiftUI, то Figma to Code сможет выручить. Но поддержка HTML в нём не очень хорошая — плагин не пытается организовать все стили объекта в формат CSS, а просто выдаёт всё в формате
. #AutoLayout #android #css #html #девайсы #код #стили
Video is not supported

🚪 Из Head of Design в инженеры: манифест об уходе из профессии

Сафф Сайед, бывший Head of Product Design, переходит на позицию Member of Technical Staff и объясняет почему. После встречи с GPT-4 он понял: дизайн за 30 лет не успел эволюционировать вслед за технологиями. Скоро агенты будут генерировать UI на лету для каждого пользователя, делая традиционную роль дизайнера бессмысленной. Дизайн больше не дифференциатор. Любой стартап за выходные может выглядеть как Linear благодаря Tailwind. Инженеры AI зарабатывают $2-10M, пока дизайнеры спорят о пикселях. Будущее за теми, кто понимает архитектуру агентов, а не за теми, кто рисует статичные макеты для миллиардов пользователей. Внутри: – Почему традиционные интерфейсы скоро исчезнут; – Как агенты изменят модель от 1:N к N:1 интерфейсам; – Почему дизайн никогда не вёл инновации, а только поддерживал; – Как AI убивает роль дизайн-менеджера; – Почему хороший дизайн стал базовым требованием; – Какие навыки нужны в эпоху агентов и AI. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

Tailwind Color Generator

плагин для генерации цветовых оттенков основного цвета. Install 😗 Фигмач
Изображение поста
Дизайн-система Material Minimal.
• Улучшенная версия классического Material Design • Основа для библиотек MDBootstrap и Tailwind Elements #design_system Открыть в Figma 👨 Дизайн-телега
Video is not supported
Изображение канала: dsg design
#сервис #дизайн #ai
Flowbite Icons — коллекция SVG иконок совместимых с Flowbite и Tailwind CSS 🔗 Перейти Жми 🥰 | 🖋 dsg design
Изображение поста
Изображение канала: iRepo
#UI8 #UI #Finance #WebDesign
Finto - Finance Website Coded Template Finto is an exclusively coded Finance Website Template, meticulously crafted with React+Tailwind, HTML, CSS, and JS. This template is not just another web design. @iReponline
Изображение поста
Изображение канала: Design Stock
🧰 Flowbite 2.0
Экосистема библиотек, инструментов и продуктов с открытым исходным кодом, созданная на основе Tailwind CSS 💾 Открыть #инструменты 🔥 Design Stock
Изображение поста
Изображение канала: iRepo
#VIP #UI #MagicUI #Component #React
Magic UI Pro 50+ beautiful sections and templates built with React, Typescript, Tailwind CSS, and Framer Motion. Save thousands of hours, create a beautiful landing page, and convert your visitors into customers. @iReponline
Изображение поста
Изображение канала: Дизайн-Телега 🔥
Плагин Figwind — используйте классы Tailwind в слоях Figma.
Используйте классы Tailwind в названиях слоев Figma, чтобы легко обновлять стилистику в соответствии с темами Tailwind по умолчанию. Чтобы попробовать, назовите свой слой: bg-red-500, а затем запустите этот плагин. В настоящее время поддерживаются: Размер шрифта: text — узнать больше Цвет текста: text-color — узнать больше Цвет фона: bg-color — узнать больше Обводка: border- узнать больше Радиус: округлый — узнать больше Поддержка других классов Tailwind скоро появится. #Tailwind 👨 Дизайн-телега
Video is not supported
Изображение канала: Figma Premium | Дизайн
Figma to Code
Эффективно конвертируйте макеты Figma в адаптивные веб-страницы (HTML или Tailwind) или мобильные приложения (Flutter или SwiftUI), сохраняя при этом целостность исходного дизайна. Наш инновационный подход автоматически оптимизирует и выравнивает макеты в процессе преобразования, не изменяя ваш проект, оптимизируя рабочий процесс. #figma #plugin
Изображение поста
Изображение канала: Дизайн-батя
👆 Animated Cursor, Open-Source
Зацените, набор безумной стилизации курсора для веба. Готовая либа для React, TypeScript, Tailwind CSS и ещё Framer Motion 🔨 🔗 Cursify #сервисы #frontend
Video is not supported
Изображение канала: underline
Fancy Components
The project collects unusual and bold microinteractions inspired by award-winning websites. Built in React, TypeScript, Tailwind and Motion. Open source, can be used and adapted in your own projects. Проект собирает необычные и смелые микровзаимодействия, вдохновлённые award-winning сайтами. Создано на React, TypeScript, Tailwind и Motion. Open source, можно использовать и адаптировать в своих проектах. #u_tools
Video is not supported
Изображение канала: CG Курсы
Полный курс по React JS (Redux / Router / Tailwind CSS) (2025) [RUS]
Ультимативный курс по React JS + Полное изучение библиотек экосистемы React ( Redux / Router ) Бонус - полный курс по Tailwind CSS ✅Чему вы научитесь: - Изучите все аспекты библиотеки React JS - Изучите библиотеку для управления маршрутами — React Router - Изучите библиотеку для управления состояниями — React Redux - Освойте современный синтаксис Redux Toolkit - Освойте современный синтаксис React Router 6.4+ - Узнайте о последних обновлениях библиотеки React и современных методах разработки - Научитесь создавать веб-приложения любой сложности - Изучите фреймворк для стилизации веб-приложений — Tailwind CSS - Создите несколько приложений, включая планировщик задач и интернет-магазин - Узнаете как оптимизировать приложение React - Разберитесь, с тем как React работает “под капотом” - Изучите все необходимые хуки и методы React JS - Изучите современные методы разработки веб-приложений ➡️ КАНАЛ ⬅️ 💬 Комментарии 👉🏼 СКАЧАТЬ в приватном канале - 👈🏼 Download in a private channel #курсы #React #3d #Спонсорство #по_подписке Материал предоставлен только для справки и ознакомления. Поддержите автора, купив у него курс!
Video is not supported
Изображение канала: Figma Premium | Дизайн
Figma to Code
Эффективно конвертируйте макеты Figma в адаптивные веб-страницы (HTML или Tailwind) или мобильные приложения (Flutter или SwiftUI), сохраняя при этом целостность исходного дизайна. Наш инновационный подход автоматически оптимизирует и выравнивает макеты в процессе преобразования, не изменяя ваш проект, оптимизируя рабочий процесс. #figma #plugin
Изображение поста
Изображение канала: Figma Premium | Дизайн
Pagesloft — Генератор кода Tailwind React
Выберите элемент вашего проекта, который вы хотите преобразовать в код #figma #plugin
Изображение поста
Изображение канала: Дизайнер, привет
🔔 Inspiration #123
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 — tiempo.fitness1x.techoff-menu.comlocalyzer.iotailwindcss.com ——— — wildyriftian.comcommissioner.designcapsulestore.rudesign.cash.appchivalrycreative.com ——— — kinder-und-klinik.demark.engineeringvellarsound.combasedesign.comkhagwal.com ——— — arago.wawww.studioendex.aimgfsostore.ruryo.lutelepathicinstruments.com ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Изображение канала: Веб-дизайн | Графический дизайн | UX/UI
ДИЗАЙН С ЛЕГКОСТЬЮ: НОВЫЕ МЕТОДЫ UI ДИЗАЙНА
В статье Prototypr.io раскрываются два эффективных метода, помогающих создавать пользовательские интерфейсы с лёгкостью. 🌟 Первый метод — работать в обратном направлении, используя современные фреймворки, как React и Tailwind CSS. Это экономит время и усилия. Второй метод — Mobbin, каталог лучших экранов и взаимодействий, который вдохновляет и упрощает процесс дизайна. 🖌️ #UIDesign #WebDesign #Prototyping #Mobbin #Creativity ПОДПИСАТЬСЯ | ЧАТ ДИЗАЙНЕРОВ | UMA
Изображение поста
Изображение канала: Figma Premium | Дизайн
Figma to Code
Эффективно конвертируйте макеты Figma в адаптивные веб-страницы (HTML или Tailwind) или мобильные приложения (Flutter или SwiftUI), сохраняя при этом целостность исходного дизайна. Наш инновационный подход автоматически оптимизирует и выравнивает макеты в процессе преобразования, не изменяя ваш проект, оптимизируя рабочий процесс. #figma #plugin
Изображение поста
Изображение канала: Figma Premium | Дизайн
Anima - Figma to Code: React, HTML, Vue, CSS, Tailwind
Получите код, основанный на вашем проекте, и ускорьте процесс перехода от проекта к разработке. Создавать и поддерживать дизайн-систему. #figma #plugin
Изображение поста