Как сделать чек лист в фигме

Добавил пользователь Алексей Ф.
Обновлено: 18.09.2024

В этом видео расскажем, как создать чек-лист в дорогу с помощью Figma! Пошаговая инструкция создание чек листа в .

Подробный разбор как сделать ваш первый гайд или чек-лист через сервис Канва. Сервис достаточно легкий в .

Сейчас очень популярно предлагать чек-листы в качестве бесплатной ценности для людей. Рассмотрим, как же сделать .

В этом видео расскажем, как создать трекер полезных привычек с помощью Figma! Пошаговая инструкция создание .

Что такое CMYK? Почему 300 dpi? Как перевести миллиметры в пиксели? А также шаблоны для печати в типографии.

В этом видео расскажем, как создать прайс-лист в Figma! Пошаговая инструкция создание прайса для социальных сетей.

В этом видео уроке вы узнаете как сохранять в формает pdf (пдф) из figma. Можно сделать экспорт презентаций, .

Делюсь опытом того, как при помощи Figma сделать интерактивную презентацию проекта, которая придаст вам .

Графический дизайн, UI/UX дизайн, анимация, фотография и ретушь, видео и монтаж, 3D моделирование интерьеров, .

В этом видео уроке вы узнаете про инструмент линии в figma. Научитесь делать пунктирные, волнистые, сплошные линии.

Новый стиль в UI. Также его называют Frosted Glass или Glassmorphism Для работы вам потребуется этот плагин .

Сегодня разберем: 1. Как подготовить файл, выгруженный из Figma, для печати в типографии 2. Конвертация из RGB а .

В этом видео Алексей - куратор школы Максим Солдаткина расскажет о преимуществах программы Figma, полезной для .

Привет друзья, в рамках своего курса для МЛМ предпринимателей, я записал актуальное видео для тех, кто не умеет .

0:00 - как перенести макет из браузера в декстопный клиент 1:30 - как добавить изображение в стили 6:16 .

Хочешь больше полезностей о дизайне? Вступай в чат Гильдии дизайнеров: ttttt.me/designers_guild Подписывайся .

Разбираемся как работает Figma Variants - новый способ группировки и организации вариантов одного компонента.

В этом видео ты узнаешь что такое неоморфизм. Познакомишься с азами программы Figma. Я расскажу тебе тяжелые .

Мы расскажем как создавать чек-лист тестировщику на примерах. В видео мы подробно разбираем создание чек-листа и .

Подробное видео о прототипировании и анимации в Фигме. Смотрим как создать наиболее часто используемые в .

Короткое руководство пользование по Figma. Отвечу на основные вопросы и покажу, как пользоваться программой за 13 .

Мобильные устройства - телефоны, планшеты, другие гаджеты - стали неотъемлемой частью нашей жизни. Разрешение .

Показываю как сделать чекбокс, радиобаттон, переключатель в фигме. С использованием функций AutoLayout и Variants.

В этом видео разрабатываю выпадающий список в Figma (Фигма) c вариантами и AutoLayout. Продолжаю разработку Style .

Создание логотипа в Figma на уровне Adobe Illustrator И сегодня в этом видео я расскажу, как рисовать легкие логотипы, .

В прошлом году мы полностью перешли со Sketch на Figma, уже обжились в новом редакторе и очень его любим. Статья будет полезна как новичкам, так и уже опытным пользователям.

1. Делаем структуру страниц

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

Список страниц дробим на условные разделы. Для лучшего считывания используем эмодзи, а названия страниц отбиваем пробелами от начала строки. Получается что-то вроде структуры с вложенностью.

На самом деле эта структура лишь визуальное решение, так как Figma не позволяет создавать дополнительные уровни вложенности в станицах. В качестве названия раздела используется пустая страница.

Ниже несколько примеров такой структуры.

2. Называем одинаково слои на двух связанных компонентах

Чтобы при смене состояний элемента сохранялись тексты, слои текстовых элементов должны быть названы одинаково. Это удобно при изменении состояний кнопок, элементов списка и инпутов.

Чтобы так работало, слои текстовых элементов должны быть названы одинаково, например, Title и Title, как в примере ниже.

3. Все картинки заводим в цветовые стили

Чтобы быстро сделать заливку фигуры логотипом, флагом или аватаром, удобно хранить эти картинки в качестве цветовых стилей.

4. Быстро находим все элементы с похожими свойствами

Можно в два клика найти на странице все элементы с похожими свойствами, например, заливкой, обводкой или шрифтом. Для этого нужно выделить элемент, нажать системный Edit > Select All with the Same… и выбрать, с каким конкретно свойством выделить элементы.

Это удобно, если нужно найти и заменить неактуальный цвет, шрифт или заменить все экземпляры компонента на другие.

Также этот способ можно использовать, чтобы перенести мастер-компонент в другой файл. Как — читайте в следующем совете.

5. Переносим мастер-компонент в другой файл

В Figma нет встроенной возможности перенести используемый мастер-компонент в другой файл, поэтому вам придется делать это вручную. Но есть надежный способ, как ускорить этот процесс.

Для этого нужно:

По такому же принципу можно перенести из одного файла в другой цветовые и текстовые стили. Для цветовых стилей также можно использовать плагин Style Organizer или его аналог.

6. Делаем автолейауты из списков

Если список сделать автолейаутом, то работать с ним становится гораздо удобнее: можно быстро увеличить количество строк через Cmd+D или удалить строки из середины списка, при этом отступы между элементами сохранятся.

Узелок на память, крестик на руке или стикер на мониторе – каждый из нас наверняка хоть раз в жизни пользовался каким-либо из этих методов, чтобы не забыть нечто важное. Сегодня, чтобы разгрузить свой мозг от запоминания десятков задач, люди все чаще применяют чек-листы. Они представляют собой некий список действий, выполнение которых нужно проверить. Упорядоченность пунктов помогает проще справляться с большими задачами, а благодаря современным технологиям чек-листы остаются у нас под рукой, где бы мы не находились.

В этой статье мы расскажем, где можно создать чек-лист, который поможет вам не только в личных делах, а и в работе – самостоятельной и командной.

Как создать чек-лист

Чек-листы несколько отличаются от обычных списков дел – to-do-листов. Последние зачастую составляются разово, ситуативно: это может быть план работы на день, список покупок или вещей, которые нужно взять с собой в командировку. Чек-листы позволяют не только проверить перечень задач, составленный для конкретного случая, – их можно использовать многократно, например, в качестве инструкции, чтобы избежать типичных ошибок при email-рассылке . Говоря в общем, контрольные списки используются для самых разнообразных целей:

проверка – когда проверяется сам факт выполнения задания;
построение последовательности процесса – для составления алгоритма, благодаря которому можно понять, куда двигаться дальше;
оценка – для определения соответствия необходимым параметрам;
мониторинг – для выявления каких-либо паттернов в определенных ситуациях.

При упоминании чек-листов обычно на ум приходит некий перечень, где можно отмечать галочкой (крестиком, кружочком) завершенные действия. Однако в зависимости от цели использования чек-листы могут иметь абсолютно разный внешний вид: помимо списка с чек-боксами, можно добавить проверку соответствия некоторому условию, шкалу оценки или поле, где можно записывать какие-либо значения.

Кроме этого, перед созданием чек-листа необходимо выбрать, какой тип больше подойдет для ваших нужд:

Read-Do (прочитай-сделай): список, в котором задачи выполняются шаг за шагом. Приступать к следующему пункту необходимо после выполнения предыдущего. Такой вариант подходит для новых задач, когда вы не совсем еще знакомы с процессом.
Do-Confirm (сделай-подтверди): более гибкий список, где можно выполнять задачи в произвольном порядке. Служит скорее для самоконтроля, что ничего не упущено.

Определившись со структурой и внешним видом чек-листа, возьмите на заметку несколько универсальных рекомендаций по его составлению.

Четкость формулировок. Суть задачи должна быть ясна любому исполнителю. Даже если вы планируете использовать чек-лист самостоятельно, лучше сразу делать конкретные описания, чем вспоминать, что вы имели ввиду под “Собрать все, что нужно для поездки”.
Простота и краткость. В то же время не стоит перегружать лишними деталями понятные задачи. Слишком длинный список может утомлять и вызывать желание побыстрее отметить все пункты, не особо задумываясь над качеством их выполнения.
Удобство структуры. Разбивайте большие задачи на меньшие, а похожие объединяйте в одну категорию. Придерживайтесь принципа “одна строка – одно задание”. Так вам не только будет проще ориентироваться в процессах, а и можно будет быстрее увидеть прогресс, что служит дополнительным фактором для мотивации.
Гибкость. Даже если вам кажется, что вы все учли, с течением времени может появиться необходимость добавить некие коррективы. Оставьте возможность легко вносить изменения в чек-лист.

При выборе программного обеспечения для создания чек-листа определитесь со своими ожиданиями. Нужны ли вам сложные структуры или будет достаточно простых списков? Необходимо ли участие других людей? Важны ли для вас функции напоминания и повторяющихся задач? На каком устройстве вы будете чаще всего использовать чек-лист, и что может вам дать бесплатная версия?

Может показаться, что при выборе сервиса для создания чек-листов сначала нужно создать чек-лист и отмечать в нем наличие необходимых функций у каждого из приложений:)

Чтобы облегчить ваш выбор, мы подготовили подборку, которая поможет определиться с оптимальным вариантом для составления to-do-списков и чек-листов.

Сервисы для создания чек-листов

Чек-лист и ничего больше

Один из самых простых и быстрых способов составить обычный проверочный список с чек-боксами – использовать специальные веб-сервисы. Эти сайты помогут вам легко создать чек-листы для любых целей с нуля или с помощью готовых макетов.

Скорее всего, вы найдете это название в топе выдачи Google по запросу “создать чек-лист”. Удобство конструктора заключается в возможности заполнять чек-листы неограниченное количество раз в онлайне и наглядно отслеживать выполнение с помощью прогресс-бара. Этот вариант прекрасно подходит для ситуаций, когда вы выполняете большое количество типичных задач, но при этом необходимо проконтролировать все их этапы.

При составлении чек-листа можно добавлять изображения к каждому пункту, вставлять кликабельные ссылки, оставлять комментарии и выбирать его тип: для личного, командного или публичного использования. При этом существует возможность брендировать список, добавив свой логотип или баннер . Созданный чек-лист можно хранить в облаке, скачивать в формате PDF и встраивать в другие сайты с помощью iframe. А если вы не знаете, с чего начать, используйте готовые шаблоны, которые предлагает “Чек-лист | Эксперт” для различных категорий.

Англоязычный аналог “Чек-лист | Эксперт”. С помощью этого ресурса также можно заполнять проверочные листы в онлайне, делиться ими с другими, встраивать в сайт и сохранять в виде файла. При оформлении чек-листа есть возможность добавлять баннер и объединять пункты в разделы для удобства заполнения.

Цифровой блокнот и карандаш

Возможно, вы настолько привыкли записывать список дел на листочке либо в ежедневнике, что даже используя смартфон или ПК, вам больше всего нравится делать записи в простом текстовом редакторе. Современные сервисы для создания заметок позволят вам подготовить максимально эффективные чек-листы, которые невозможно было бы сделать в бумажном виде.

Notion был разработан, чтобы собрать ваши дела в одном месте и освободить от необходимости работать с большим количеством программ и сервисов. Хаотичные заметки в текстовых редакторах, облачные сервисы, закладки в браузере, раздел “Сохраненные” в мессенджерах, жесткий диск ПК… – где еще у вас хранится информация? Объединив нужные данные в Notion, вы сможете не только составлять эффективные контрольные списки, а и полноценно управлять проектами и создавать базы знаний.

В приложении предусмотрено создание текстовых документов, таблиц, хранение веб-ссылок, фото, аудио- и видеоматериалов, карт и множества других видов контента. Возможность командной работы над проектами, интеграция с популярными сервисами (Google Drive, Figma, Twitter, Slack, Invision и др.) и большой набор шаблонов для ведения задач еще больше расширяют функциональность сервиса. На первый взгляд работа с Notion может показаться сложноватой, однако впоследствии она сможет заменить множество других инструментов: от закладок в браузере и офисного пакета программ до систем управления проектами.

Одно из самых популярных приложений для создания заметок поможет не только составить to-do-списки, а и сохранить нужную информацию в различных форматах. Вот далеко не полный перечень возможностей Evernote:

группировать записи в блокноты;
создавать напоминания;
добавлять медиафайлы;
делиться и обсуждать задачи с другими пользователями;
записывать аудио встречи;
сканировать документы;
сохранять веб-страницу как закладку и даже распознавать рукописный текст.

Увеличить эффективность работы можно с помощью интеграции с различными часто используемыми приложениями, среди которых Google Drive, Outlook, Salesforce и Slack.

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

“Ваш цифровой блокнот” – коротко и ясно. Именно так указано на главной странице веб-версии сервиса OneNote. Если вы привыкли к офисному пакету Microsoft, работа с интерфейсом приложения окажется для вас проще простого.

Сервис действительно напоминает электронную записную книжку: можно создавать разделы и страницы, делать заметки на полях и даже рисовать, как бы вы это делали в обычном блокноте. Правда, рукописный текст здесь не распознается, хотя поддерживается рукописный ввод. В OneNote предусмотрены широкие настройки для оформления внешнего вида заметок, работа с тегами и совместный доступ с другими участниками. К преимуществам цифровой версии ежедневника стоит добавить возможность вставлять в заметки файлы (в том числе онлайновые видео- и аудиокомментарии), сохранять веб-страницы и их фрагменты с помощью Web Clipper.

Этот пункт больше всех отличается от остальных в списке, так как Todo.txt – это не программа или приложение, а технология работы с задачами. Система Todo.txt предполагает создание простых файлов, с которыми можно работать как в обычном “Блокноте”, так и в различных специальных сервисах. Одни назовут его способом для минималистов, другие – для гиков.

Чтобы составить чек-лист, необходимо записать каждую задачу в отдельной строке текстового файла и сохранить его как todo.txt. При работе с таким форматом можно устанавливать приоритеты для задач, присваивать им теги и группировать в проекты, а также отмечать выполненные пункты. Для этого вам понадобятся только буквы алфавита и три символа: “@”, “+” и “х”. Вот и всё – никаких огромных раскрывающихся списков, десятков флажков и назойливых напоминаний. Кажется сложным и недостаточно наглядным? На самом деле этот метод имеет ряд преимуществ:

Планировщики задач

Разнообразие существующих сегодня программ планирования задач способно удовлетворить любого пользователя. Кто-то хочет простой интерфейс без излишеств для самостоятельной работы, кому-то нужен инструмент для хранения всех данных по проекту и полноценной работы с командой, а кого-то мотивирует геймификация внутри приложения. Плюсом большинства современных таск-менеджеров является синхронизация между устройствами, так что вы сможете работать со своими чек-листами где угодно.

Если вам нужен простой список дел на день, который всегда будет под рукой, воспользуйтесь кросс-платформенным сервисом To Do от Microsoft. Это приложение с удобным интерфейсом и минималистичным дизайном позволяет планировать задачи, делать их повторяющимися, разбивать на несколько этапов и распределять по категориям. Для любого задания можно установить напоминание, добавить заметку или прикрепить вложение. C помощью функции интеллектуальных подсказок To Do умеет анализировать ваши прошлые записи и рекомендовать распределение задач на основе времени, на которое они запланированы, и списков, к которым они относятся. Также вы можете делиться списками задач с другими пользователями и синхронизировать сервис с Outlook и Office 365.

Что касается самого создания задач, то набор функций здесь достаточно прост: вы можете объединять задания в списки, поручать выполнение другим пользователям, добавлять теги и комментарии. А вот создание подзадач доступно уже только в платной pro-версии. Однако если вам нужен планировщик для несложных задач, Remember The Milk станет вашим надежным помощником.

Эта платформа объединила в себе привлекательный минималистичный интерфейс и большинство самых необходимых функций при планировании задач. Вы можете устанавливать время для напоминаний, прикреплять к задачам метки, добавлять подзадачи и примечания, а также прикреплять файлы и работать над задачами совместно с близкими и коллегами. Any.do синхронизируется с “Google Календарем”, благодаря чему ваши события и задачи будут собраны в одном месте. К особенностям сервиса также относятся автоматическое распределение покупок по категориям, распознавание речи и простое жестовое управление в мобильных приложениях.

Еще один простой на первый взгляд менеджер задач, где реализован широкий набор как стандартных функций, так и продвинутых фишек. TickTick предлагает пользователям настройку времени уведомлений, объединение дел в списки, установление приоритетности, а также добавление подзадач, тегов и комментариев. Создание новых напоминаний происходит не только с помощью текстового набора или голосового ввода, а и с использованием писем из вашего электронного ящика.

Помимо этого, приятным бонусом станет “помидорный” таймер и возможность задавать локацию для уведомлений в бесплатной версии.

Если вам не нравятся помидоры, или вы не хотите выращивать digital-деревья, можете позаботиться о своей карме вместе с сервисом Todoist. Успешно выполняя задачи из списка, вы зарабатываете виртуальные очки в карму и тем самым наглядно оцениваете свою продуктивность.

В приложении можно создавать проекты, разбивать их на отдельные задачи и вести их совместно с командой. Большинство популярных функций – таких как напоминания, метки, приоритетность, загрузка файлов, комментарии и фильтры – доступны только в премиум-версии.

Программа, которая полюбилась пользователям за автоматическое составление списка заданий, к которым следует приступать далее. MyLifeOrganized позволяет выстраивать гибкие иерархии и создавать зависимости между действиями. Благодаря этому формируется дерево задач и система показывает отдельным списком следующие шаги. Такой подход особенно удобно использовать для чек-листов типа Read-Do, когда вы выполняете действия в определенном порядке.

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

Другие

Сервисы Google

Сегодня Google-аккаунт есть практически у каждого, поэтому, чтобы создать простой чек-лист, не обязательно разбираться в интерфейсах новых программ. Это можно сделать с помощью знакомых всем инструментов.

Гугл-таблицы больше подойдут не для составления списка дел, а для проверки часто повторяющихся задач. Здесь удобно составлять некий алгоритм для контроля, который можно использовать много раз. Для этого вы можете копировать таблицу на отдельные листы или документы, либо каждый раз очищать столбец с чек-боксами и заполнять его заново.

Сервис имеет самый минимум необходимых возможностей для составления to-do-листа: группировка по спискам, разделение на подзадачи, установление даты и времени, а также настройка периодичности повторения. Создавать задания можно не только обычным вводом текста, а и с помощью писем из Gmail. Ваши задачи сразу добавляются в “Google Календарь”, который позволяет оптимально распределить планы.

Эстетика и вдохновение

Возможно, вас совсем не интересует куча продвинутых функций при создании чек-листа. Вы не планируете использовать его многократно, поэтому простой pdf-версии для печати будет достаточно. Вы хотите сделать список быстро и желательно красиво. В таком случае подойдут следующие решения.

Популярный инструмент, позволяющий создавать привлекательные графические материалы без привлечения дизайнера. Неважно, для каких целей вам понадобится чек-лист – для личных или рабочих – с помощью библиотеки шаблонов Canva вы легко создадите эффектный документ.

Сервис, позиционирующий себя как инструмент для создания инфографики. Как и большинство подобных онлайн-конструкторов, Venngage имеет множество шаблонов для графического дизайна, среди которых презентации, баннеры, диаграммы, отчеты, открытки, офферы и др. Среди всего этого изобилия вы найдете раздел с контрольными списками, где сможете создать свой красивый чек-лист для работы и повседневной жизни.

Что касается визуальной составляющей, этот сайт значительно уступает предыдущим двум пунктам. Однако здесь вы найдете много нестандартных форматов чек-листов: кроме привычных списков с пунктами “для галочки”, тут имеются интересные шаблоны для челленджей, трекеров привычек и ведения bullet journal. Зайдя в этот сервис для создания собственного контрольного списка, можно найти множество вдохновляющих идей для совсем других целей.

Итак, теперь вы знаете, на какие сервисы обратить внимание в зависимости от задач, которые вы планируете с помощью них решать. Попробуйте уже сейчас составить свой первый чек-лист и убедитесь на личном примере, насколько это удобный инструмент для самопроверки.