Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#Руководства</a>

2 <ul><li>17 дек 2021</li>

3 <li>0</li>

4 </ul>Наборы элементов для iOS и Android, компонентов для приложения, паттернов и шаблонов для портфолио.

5 Иллюстрация: Оля Ежак для Skillbox Media

6 Редактор. Пишет про дизайн, редактирует книги, шутит шутки, смотрит аниме.

7 Зачастую в дизайнерских проектах приходится всё рисовать с нуля: и элементы интерфейса, и паттерны, и иконки, и даже оформление для портфолио. Если у вас сжатый дедлайн и ограниченный бюджет, то готовые решения - отличный способ поскорее сделать работу и довести макет из Figma до готового продукта.

8 Рассказываем, какие файлы в Figma помогут вам быстрее делать типовые проекты и выкладывать результаты в портфолио на Behance и Dribbble.

9 При проектировании приложения под конкретную платформу важно учитывать привычки её пользователей - как выглядят кнопки и переключатели, какой должен быть шрифт, какие в системе стандартные цвета. Перерисовывать это вручную - очень долго и бессмысленно, так как в свободном доступе уже есть готовые решения и для iOS, и для Android.

10 В наборах<a>для iOS 15</a>и <a>виджетов</a> - и наборы компонентов, и стандартные цвета, и инструкции по типографике:

11 Скриншот: Skillbox MediaВ наборе<a>Material Design</a> - всё необходимое для приложений на Android и других продуктов, которые разработаны по дизайн-системе Google:

12 Скриншот: Skillbox MediaЕсли вам не принципиально полное сходство вашего приложения с системой пользователя, обратитесь к пользовательским наборам элементов. Они помогут вам не только быстро собрать собственное приложение, но и разобраться, как строятся дизайн-системы.

13 <a>Monday.com UI kit</a> - готовая дизайн-система для интерфейса приложения. В ней собраны элементы интерфейса, их возможные варианты, рекомендации для выбора цветов и шрифта.

14 Скриншот: Skillbox MediaСкриншот: Skillbox Media<a>9 Smart Animate Examples</a>подойдёт для тех, у кого не получается сделать красивую<a>анимацию в Figma</a>. Здесь собраны девять сложных и простых примеров разных переходов, которые можно скопировать в свой проект.

15 Скриншот: Skillbox MediaСкриншот: Skillbox MediaПаттерны могут украсить и промостраницу, и мобильное приложение, и любой другой дизайнерский продукт. Чтобы сделать его качественно, вам придётся потратить много усилий. Но если время ограничено - попробуйте взять готовое решение и быстро отредактировать его под свою задачу.

16 <a>Paaatterns</a> - набор геометрических паттернов из произвольных фигур.

17 Скриншот: Skillbox Media<a>SVG Abstrac patterns & Illustrations</a> - набор абстрактных паттернов и иллюстраций.

18 Скриншот: Skillbox Media<a>Flower Patterns</a> - набор геометрических цветов. Автор советует собирать из них паттерны и использовать как иллюстрации.

19 Скриншот: Skillbox MediaОбычно дизайнеры стремятся как можно скорее показать свою работу после завершения проекта. Чтобы не тратить на оформление картинок много времени, воспользуйтесь готовыми шаблонами для размещения иллюстраций.

20 <a>Для Dribbble</a> - набор паттернов и карточек с пространством под скриншоты.

21 Скриншот: Skillbox Media<a>Для Behance</a> - набор шаблонов и подготовленные скриншоты самого сервиса, чтобы вы могли сверстать презентацию с учётом окружения самого Behance.

22 Скриншот: Skillbox Media<a>Самоучитель по Figma</a>

23 Самые полные и полезные инструкции, которые помогут вам освоить все функции графического редактора.

24 <a>Научитесь: Figma с нуля до PRO Узнать больше</a>