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

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

Figma to Code

Эффективно конвертируйте макеты Figma в адаптивные веб-страницы (HTML или Tailwind) или мобильные приложения (Flutter или SwiftUI), сохраняя при этом целостность исходного дизайна. Наш инновационный подход автоматически оптимизирует и выравнивает макеты в процессе преобразования, не изменяя ваш проект, оптимизируя рабочий процесс. #figma #plugin
Изображение поста

👆 Animated Cursor, Open-Source

Зацените, набор безумной стилизации курсора для веба. Готовая либа для React, TypeScript, Tailwind CSS и ещё Framer Motion 🔨 🔗 Cursify #сервисы #frontend

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
Полный курс по 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 #Спонсорство #по_подписке Материал предоставлен только для справки и ознакомления. Поддержите автора, купив у него курс!
Figma to Code
Эффективно конвертируйте макеты Figma в адаптивные веб-страницы (HTML или Tailwind) или мобильные приложения (Flutter или SwiftUI), сохраняя при этом целостность исходного дизайна. Наш инновационный подход автоматически оптимизирует и выравнивает макеты в процессе преобразования, не изменяя ваш проект, оптимизируя рабочий процесс. #figma #plugin
Изображение поста
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 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
ДИЗАЙН С ЛЕГКОСТЬЮ: НОВЫЕ МЕТОДЫ UI ДИЗАЙНА
В статье Prototypr.io раскрываются два эффективных метода, помогающих создавать пользовательские интерфейсы с лёгкостью. 🌟 Первый метод — работать в обратном направлении, используя современные фреймворки, как React и Tailwind CSS. Это экономит время и усилия. Второй метод — Mobbin, каталог лучших экранов и взаимодействий, который вдохновляет и упрощает процесс дизайна. 🖌️ #UIDesign #WebDesign #Prototyping #Mobbin #Creativity ПОДПИСАТЬСЯ | ЧАТ ДИЗАЙНЕРОВ | UMA
Изображение поста
Figma to Code
Эффективно конвертируйте макеты Figma в адаптивные веб-страницы (HTML или Tailwind) или мобильные приложения (Flutter или SwiftUI), сохраняя при этом целостность исходного дизайна. Наш инновационный подход автоматически оптимизирует и выравнивает макеты в процессе преобразования, не изменяя ваш проект, оптимизируя рабочий процесс. #figma #plugin
Изображение поста
Anima - Figma to Code: React, HTML, Vue, CSS, Tailwind
Получите код, основанный на вашем проекте, и ускорьте процесс перехода от проекта к разработке. Создавать и поддерживать дизайн-систему. #figma #plugin
Изображение поста
Figma to Code
Эффективно конвертируйте макеты Figma в адаптивные веб-страницы (HTML или Tailwind) или мобильные приложения (Flutter или SwiftUI), сохраняя при этом целостность исходного дизайна. Наш инновационный подход автоматически оптимизирует и выравнивает макеты в процессе преобразования, не изменяя ваш проект, оптимизируя рабочий процесс. #figma #plugin
Изображение поста
Tailwind Color Kit
Удобный шаблон с сочетанием различных цветов 💾 Открыть #Шаблон 🔥 Design Stock
Изображение поста