Яна ProDesign
47.6K subscribers
385 photos
60 videos
17 files
151 links
Мысли, знания и опыт веб-дизайнера, который стабильно делает на фрилансе миллионы

Instagram: https://www.instagram.com/yanadlx
Download Telegram
❤️Топ-50 плагинов Figma, которые экономят время, нервы и делают дизайн быстрее

Я собрала подборку плагинов, которые реально нужны. Ни воды, ни мусора — только то, что ускоряет работу, помогает в визуале и прокачивает финальный результат


Работа с UI и макетами
1. Autoname — автоименует слои и группы
2. Similayer — выбирает похожие слои за секунды
3. Master — объединяет одинаковые компоненты
4. Rename It — массово переименовывает слои
5. Clean Document — чистит макет от мусора
6. Super Tidy — выравнивает, упорядочивает, наводит порядок
7. Breakpoints — быстро добавляет адаптивные версии
8. Wireframe — генерирует каркасы мгновенно
9. UI Faces — вставляет аватары юзеров
10. Remove BG — удаляет фон у изображений

🎨 Цвет, текст и визуал
11. Image Palette — вытягивает палитру из фото
12. Better Font Picker — нормальный выбор шрифтов
13. Google Fonts — шрифты сразу в макет
14. Color Spark — генератор градиентов и палитр
15. Contrast — проверка контраста по WCAG
16. Color Blind — симуляция цветовой слепоты
17. LottieFiles — вставка анимаций
18. Blob — генератор абстрактных форм
19. Get Waves — SVG волны под любой проект
20. Glassmorphism — генерация стиля стекла

📐 Гриды, иконки и оформление
21. Grid System — добавляет сетки под платформу
22. Iconify — база из 100k+ иконок
23. Feather Icons — минималистичные SVG
24. Heroicons — топовые иконки под интерфейсы
25. UnDraw — иллюстрации в одном клике
26. Illustrations — библиотека SVG
27. Smooth Corners — кастомизация скруглений
28. Isometric — изометрия объектов за 2 сек
29. Lorem Ipsum — автотекст
30. Mapsicle — вставка карт

🔗 UX и взаимодействие
31. Anima — конвертация в реальные сайты
32. ProtoPie — расширенные анимации
33. Figma Chat — чат прямо в макете
34. Stickie Comments — заметки и фидбек
35. Coda for Figma — интеграция с таблицами
36. Google Sheets Sync — данные в реальном времени
37. Flowkit — создание user flow
38. Charts — генерация графиков и диаграмм
39. Storyset — адаптивные иллюстрации
40. Content Reel — готовый контент для заполнения макета

⚙️ Автоматизация и экспорт
41. Figmotion — анимация в Figma
42. Pitchdeck — экспорт в презентации
43. Design Lint — находит несостыковки в макете
44. Zeplin — передача в разработку
45. Mockuuups Studio — мокапы
46. Angle Mockups — 3D мокапы и ракурсы
47. Siter. io — сайты из макета без кода
48. FigJam Icons — для работы в FigJam
49. PDF Export — экспорт в PDF
50. CopyDoc — экспорт текстов из макета

Спецэффекты и визуальная магия
51. Stippling — генерация точечной текстуры (эффект «газеты»)
52. Displace — искажение объектов, как в Photoshop
53. Noise & Texture — добавление зерна и текстур на объекты
54. Duotone Magic — эффект дуотона в один клик
55. ToonMe — превращает фото в стилизованные иллюстрации
56. Halftone — точечный эффект ретро-печати
57. Texturify — органические текстуры прямо в макете
58. Warp It — искажение форм, кривизна и волны
59. Gradienta — абстрактные градиенты и мягкие фоны
60. Roughen — создание неровных контуров и «грязных» линий
61. Shadingz — добавляет реалистичные тени и глубину
62. SkewDat — наклон и деформация объектов под углом

[Кидай реакцию, если нужны еще подборки по категориям!]
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥22896😍24
📽️ НОВЫЙ БЕСПЛАТНЫЙ УРОК

«Как за 3 месяца превратиться из новичка в востребованного веб-дизайнера?»


Вы узнаете:
— что входит и не входит в обязанности веб-дизайнера;

— как структурировать свою работу и начать вести проекты грамотно, избегать правок;

— что конкретно делать, чтобы стать востребованным специалистом и привлекать клиентов на фрилансе уже в ближайшем будущем…

И многое другое!

Скорее бегите, забирайте урок ❤️
Please open Telegram to view this post
VIEW IN TELEGRAM
28
8 кириллических шрифтов

1. Abraxas
2. Great vibes
3. LT Remark
4. CapaseticC
5. Songer
6. Novem
7. Minecraft Title Cyrillic
8. Novelist


СКАЧАТЬ → ЗДЕСЬ 🔗

Как использовать в сторис?
1. Сохранить шрифты к себе в Файлы на айфоне
2. Распаковать архив (открыть приложение Файлы и просто нажать на нужный архив)
3. Перейти в приложение CapCut (или любой другой редактор видео/фото, где можно добавлять свои шрифты)
4. Текст – добавить текст – шрифт – добавить шрифт – нажать на "+"
5. Загрузить сохраненный шрифт из Файлов (форматы файлов, которые вам нужны: .otf или .ttf). Если возникают вопросы по установке на ваш смартфон – все легко гуглится.

Для того, чтобы использовать шрифт в Figma, достаточно установить его к себе на компьютер и перезагрузить страницу в Figma (если не установился сразу)

Приятного использования!
❗️Тип лицензии приложен к шрифту внутри папки.

→ Еще 30+ шрифтов в этом посте
This media is not supported in your browser
VIEW IN TELEGRAM
1🔥8540😁15
Огромная подборка нейросетей на все случаи жизни (сохраняй, чтобы не потерять)

❤️ – спасибо!
🔥 – давай еще подборку самых новых и неочевидных нейросетей, о которых мало кто знает
451🔥276🦄25
Очередное классное достижение, которым хочется поделиться 💯💔

Работа Лены с 13 потока попала в раздел «Лучшее на Бехансе», посмотреть поближе можно
ТУТ →

Лена пришла на обучение без опыта в веб-дизайне. Она работала в других направлениях дизайна, и долго сомневалась, нужно ли ей вообще проходить обучение, поможет ли оно…

Но когда наконец решилась, то за 2 месяца на ProDesign:

• Освоила мой системный подход и авторские приёмы, которые раньше отнимали у неё месяцы самостоятельного поиска;

• Самостоятельно нашла первого клиента и выстроила с ним безупречную коммуникацию без единого возражения;

• Создала кейс-портфолио, который попал в раздел «Лучшее на Behance» и сразу привлёк новых заказчиков;

• Получила предложение по сотрудничеству от владельца агентства в Германии;

• Научилась создавать кейсы, которые не только приносят клиентов, но и попадают в топ…

и многое другое!

А если тоже хочешь научиться – переходи в бота и смотри бесплатный курс по веб-дизайну уже сегодня❤️
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6523🏆10
Неприятная правда, которая позволит вам вырасти

Прошло уже 30 дней, как я делаю 1 час кардио каждый день — done

Это круто повлияло на мое состояние в течение дня. Я чувствую больше энергии, меньше тревожности

Конечно, после тренировки я не каждый раз прыгаю от счастья😂 Но мне всегда хотелось продолжать, потому что у меня есть внутренняя опора — когда ты не спрашиваешь себя «хочу или не хочу»

Большинство пытаются построить систему на импульсах:
— похудею на 5 кг за неделю;
— сделаю портфолио на выходных;
— пойду в зал с понедельника.

Но такими «рывками» либо всё равно возвращаются в исходную точку через месяц, либо откатываются ещё дальше…

А рост начинается, когда ты создаёшь перманентную опору! Идёшь не из «надо срочно», а из уважения к себе.


👹 В дизайне та же механика ➞ кто приходит с мотивацией/идеей, но без структуры — остается в итоге с выгоранием, правками и своими психами на работу

И для меня здесь отличный пример — мои ребята. Которые в один день решили, что больше так нельзя. Пришли с целью прокачаться — и ушли с готовой структурой, которая и взращивает такие результаты!


У меня есть 7-дневный интенсив для всех, кто устал переучиваться и хочет получить мою систему. Построить устойчивую основу для входа в веб-дизайн (быстрый формат структуризации работы)

📍Заполняй анкету, если давно хотел попробовать себя в дизайне — это удобный шанс начать сразу системно, начинаем 2 июня ✔️
Please open Telegram to view this post
VIEW IN TELEGRAM
50🔥13💯9
Победительница 13 потока ProDesign🥇
— и технология, как каждый может повторить её путь

Лена пришла на поток с синдромом самозванца. Работала креативным дизайнером в найме, выгорела на фрилансе и устала от постоянных правок

Ноль структуры и понимания, как себя продавать. И слабый, «черновой» опыт в веб-дизайне — пара лендингов, собранных на коленке

А теперь ученица, которая никогда не работала в веб-дизайне,📍за 2 месяца выстроила поток клиентов до конца августа на сумму 505 000 ₽

Что изменилось?

— Вместо десятков случайных кейсов, один сильный, попавший в «Лучшее на Behance»
— Вместо страха общения, стабильные сделки после каждого созвона
— Вместо хаоса, чёткая система: как оформлять портфолио, считать цену, вести переговоры
— Вместо ожиданий, инициатива: на одной из встреч просто между делом договорилась на сайт за 200 000 ₽

🍒А вишенка — оффер от владельца агентства в Германии.

Потому что дизайнер, который умеет делать и продавать свою работу, не остаётся без клиентов

Сейчас в портфолио у Лены всего три кейса — но каждый выстроен по системе

С сильной подачей, правильным ритмом, ясной структурой. И каждый из них приносит заявки

505 000 ₽ — это не случайный выстрел, а целая очередь из клиентов. Сумма, которую она собрала за время обучения на курсе.

ProDesign — это не про сиюминутный доход. Это про систему, которая даёт стабильность💡Больше 100 000 ₽ в месяц уже не мечта, а база

Если ты сейчас в точке, где не понимаешь:
⭢ С чего начать?
⭢ Где искать клиентов?
⭢ Как собрать портфолио, которое действительно работает?
⭢ И как перестать бояться, выгорать и идти вслепую?

Для тебя и всех, кто только заходит в профессию, но уже устал путаться, переделывать и просто «пробовать» — 7-дневный интенсив

Заполняй анкету по ссылке, на интенсив всего 20 мест, а начинаем уже 2 июня
Please open Telegram to view this post
VIEW IN TELEGRAM
38🔥20👍7
This media is not supported in your browser
VIEW IN TELEGRAM
С первым днем лета! Новая подборка шрифтов для ваших Reels 🥞

1) CopaseticC
2) Druk Wide Cyr
3) Mantra
4) Uni Sans
5) Felidae
6) Moniqa
7) Abraxas
8) Ekaterina Velikaya One

СКАЧАТЬ → ЗДЕСЬ 🔗

Как использовать в сторис?
1. Сохранить шрифты к себе в Файлы на айфоне
2. Распаковать архив (открыть приложение Файлы и просто нажать на нужный архив)
3. Перейти в приложение CapCut (или любой другой редактор видео/фото, где можно добавлять свои шрифты)
4. Текст – добавить текст – шрифт – добавить шрифт – нажать на "+"
5. Загрузить сохраненный шрифт из Файлов (форматы файлов, которые вам нужны: .otf или .ttf). Если возникают вопросы по установке на ваш смартфон – все легко гуглится.

Для того, чтобы использовать шрифт в Figma, достаточно установить его к себе на компьютер и перезагрузить страницу в Figma (если не установился сразу)

Приятного использования!
❗️Тип лицензии приложен к шрифту внутри папки.

→ Еще 30+ шрифтов в этом посте
180😁38❤‍🔥14