Рейтинг в Figma: Образование и обучение

Краткое руководство Motion Quick Start Guide поможет вам быстро освоить создание анимаций с помощью плагина Figma Motion. Оно содержит базовые шаги и инструкции, необходимые для начала работы с плагином, позволяя вам создавать интерактивные прототипы и продвинутые анимации в Figma без необходимости углубленного изучения всех функций.

Этот файл Figma позволяет создать играбельную версию Flappy Bird, используя новые переменные Figma. Он включает в себя систему подсчета очков (с учетом рекордов), физику движения, логику столкновений и псевдослучайное размещение труб. Содержит 46 переменных. Предназначен для тех, кто хочет изучить использование переменных Figma в интерактивных прототипах и воссоздать популярную игру. Файл предоставляется бесплатно, и автор будет рад вашей поддержке через "купить кофе".

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

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

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

На сессии "Auditing design systems for accessibility - Config 2021" вы узнаете, как выявлять проблемы доступности компонентов от этапа проектирования до написания кода, используя плагины, лучшие практики и инструменты тестирования. Цель – дать вам возможность сделать ваши дизайн-системы доступными на ранних этапах разработки. Вы научитесь проводить аудит компонентов на предмет проблем доступности, что позволит вам создавать более инклюзивные и удобные для всех пользователей интерфейсы.

Эта гибкая система управления общежитием/арендным жильем (PG) предназначена для удовлетворения современных потребностей в управлении общежитиями и арендным жильем. Она включает в себя добавление общежитий, управление пользователями и жалобами, организацию питания и технического обслуживания, учет мебели и запасов, автоматический сбор платежей, а также управление студентами. Система отличается современным и простым дизайном, легко масштабируется и включает функции учета посещаемости, взыскания платежей, экстренных оповещений и управления кафетерием.

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

NLW Pocket JS • in.orbit - это десктопный веб-сайт для регистрации целей и отслеживания еженедельного прогресса, разработанный в рамках мероприятия NLW Pocket Javascript от Rocketseat. Этот проект предоставляет студентам Rocketseat возможность изучить и применить навыки JavaScript на практике, создавая инструмент для управления и мониторинга личных целей.

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

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

Nearby - это мобильное приложение с клубными преимуществами, предлагающее купоны на скидки в близлежащих заведениях. Этот проект разработан в рамках мероприятия NLW Pocket Mobile и доступен для студентов Rocketseat.

WCAG 2.2 Card Deck – это инструмент, объединяющий ключевые ресурсы по доступности веб-контента в удобном формате карточек. Он содержит упрощенные описания критериев успеха WCAG 2.2, сгруппированные по темам для тестирования, индикаторы выгоды для пользователей с разными потребностями, указания на роли, ответственные за соответствие, и предложения по совместному применению критериев. Карточки предназначены для проведения воркшопов, аудитов доступности, обучения и других задач, связанных с улучшением доступности веб-контента.

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

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

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

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

Formulário de matrícula – это веб-приложение, созданное в рамках образовательных программ Rocketseat. Основное предназначение приложения – предоставить пользователям удобную платформу для регистрации на курсы, мероприятия или в сообщества, предлагаемые Rocketseat. Форма позволяет собирать необходимую информацию от желающих принять участие, упрощая процесс записи и управления данными участников для организаторов.

Motion Animation Examples демонстрирует разнообразные анимации, которые можно создавать с помощью плагина Figma Motion. Этот файл служит наглядным пособием и вдохновением для пользователей, желающих изучить возможности анимации в Figma и применять их в своих проектах. Он позволяет увидеть, как можно оживить интерфейсы и элементы дизайна, используя различные техники и параметры плагина.

В файле FigJam представлены слайды из прямой трансляции Figma "How we Jam: Facilitating a workshop, start to finish". Узнайте, как UX-исследовательница Криста Саймон и преподаватель Мигель Кардона проектируют, проводят и организуют онлайн-воркшопы, охватывая весь процесс от начала до конца. Это руководство позволит вам освоить навыки создания и проведения эффективных онлайн-воркшопов, перенимая опыт профессионалов.

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

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

Студенты Суматранского технологического института (ITERA) нуждаются в удобном и эффективном транспорте. Поэтому, будучи UX-дизайнером и студентом ITERA, я разработал Ojek Kampus Itera (OKI) – сервис, призванный обеспечить простую и доступную транспортную альтернативу непосредственно на территории кампуса ITERA. OKI призван решить проблему перемещения студентов между корпусами и другими локациями на территории университета.

NLW Journey • Roteiro de Viagem - это проект создания адаптивного веб-сайта для планирования путешествий, позволяющий регистрировать различные активности и составлять индивидуальные маршруты. Проект является частью мероприятия NLW Journey и доступен для студентов Rocketseat.

LP de produto – это адаптивная веб-страница, предназначенная для представления вымышленного продукта. Она служит одним из проектов в рамках программы обучения Fullstack и является частью материалов специализации. Основная цель – продемонстрировать возможности и функциональность продукта потенциальным клиентам, стимулируя их к дальнейшему изучению или приобретению.

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

Создайте музыкальный плеер, похожий на Spotify, с помощью этого образца файла Figma, разработанного специально для Bravo Studio. Файл включает слои с тегами Bravo, контейнеры и другие необходимые настройки. В Bravo Studio можно дублировать это приложение, чтобы увидеть готовый результат с подключенной коллекцией API и привязкой данных. Протестируйте его с помощью приложения Bravo Vision. Этот пример демонстрирует, как добавить аудиоплеер в ваше Bravo-приложение.

Coffee Delivery - это мобильное приложение для заказа кофе, разработанное в рамках React Native Ignite. Этот проект представляет собой практическое задание для отработки навыков разработки мобильных приложений с использованием React Native, полученных в рамках буткемпа по React, Node.js и React Native. Он позволяет пользователям выбирать и заказывать кофе через удобный интерфейс мобильного приложения.

NLW Connect - это адаптивный веб-сайт для регистрации и рекомендаций на мероприятия. Этот проект является частью NLW Connect, контента, доступного для студентов Rocketseat.

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

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

Figma Scripting & Plugin Playground - это место для экспериментов с API Figma, сбора сниппетов кода и обмена опытом в разработке плагинов. Здесь можно найти готовые скрипты для автоматизации задач, манипуляции элементами дизайна, создания стилей и других полезных функций. Это полезный ресурс для всех, кто хочет расширить возможности Figma с помощью скриптов и плагинов.

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

Образец проекта Talking Travel от Locofy демонстрирует, как преобразовывать ваши Figma-дизайны в готовый к использованию фронтенд-код для React, Gatsby и Next.js. На примере дизайна блога о путешествиях вы узнаете, как тегировать слои, компоненты UI-библиотек, определять UX/поведение, правила адаптивности, добавлять действия onClick, просматривать живой прототип и экспортировать или развертывать готовый к производству код. Установите плагин Locofy, чтобы преобразовать этот дизайн в код.

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

Fast Isometric Playground - это обучающий файл для плагина Fast Isometric в Figma. Он позволяет пользователям на практике освоить создание изометрических проекций, экспериментируя с различными настройками плагина и применяя их к готовым примерам. Playground помогает понять принципы работы плагина и быстро научиться создавать профессиональные изометрические иллюстрации.

Каждую среду вас ждут новые задачи по программированию! В этом выпуске вам предстоит разработать генератор рекомендаций фильмов на основе искусственного интеллекта. Проявите свою креативность и не ограничивайте себя в возможностях. Делитесь своими решениями в социальных сетях с хештегом #boraCodar.

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

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

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

Этот интерактивный макет сердца создан для челленджа Figma Prototype Challenge, цель которого - в течение 15 дней научить пользователей более интересно использовать функцию Smart Animate. Файл демонстрирует анимированное сердце, реагирующее на наведение курсора и нажатие. Перейдите на страницу "Prototype" и запустите анимацию, чтобы увидеть все действия. Это отличный пример для изучения возможностей Smart Animate в Figma.

Это приложение для рецептов, созданное прямо в Figma с использованием Buzzy, позволяет быстро превратить дизайн в работающее веб-приложение. Оно включает в себя динамически подгружаемый контент из REST API и систему пользовательских отзывов, что делает его отличным примером для изучения возможностей Buzzy и создания собственных интерактивных приложений, таких как формы и другие функциональные элементы, без написания кода. Используйте этот файл как отправную точку, установите плагин и публикуйте свои проекты в браузере.

DigiCare - это пример проекта, демонстрирующий, как Locofy позволяет преобразовывать дизайны Figma в готовый к использованию фронтенд-код. Проект, оптимизированный для мобильных устройств и разработанный для React, Gatsby и Next.js, служит руководством по использованию Bootstrap компонентов, тегированию слоев и UI элементов, добавлению интерактивности через onClick действия, предварительному просмотру прототипа и экспорту/развертыванию готового к работе кода. Он предоставляет практический опыт преобразования дизайна healthcare приложения в рабочий код, используя возможности Locofy.

Simple Calc Workshop от Uno Platform предназначен для .NET разработчиков, желающих начать создавать кросс-платформенные приложения. Этот практический семинар с пошаговыми упражнениями поможет освоить концепции Uno Platform, инструменты, библиотеки и шаблоны, необходимые для разработки веб-, мобильных и десктоп-приложений из единой кодовой базы. Участники научатся экспортировать UI, созданный в Figma, в XAML и C# Markup, что упрощает процесс разработки и ускоряет создание кросс-платформенных приложений.

Эта простая анимация игры "Змейка" демонстрирует классическую игру, в которой змейка перемещается по экрану, поедая пищу и увеличиваясь в размере. Анимация используется для визуализации игрового процесса, обучения основам игры или просто для развлечения. Она может быть полезной для начинающих разработчиков игр, изучающих принципы движения, столкновений и управления игровыми объектами.

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

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

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

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

Откройте для себя мир математического искусства с thirteen23 harmonographs! Этот мощный инструмент позволяет создавать замысловатые и красивые геометрические узоры, основанные на принципах гармонического движения. Настройте свой гармонограф, изменяя частоту, амплитуду и шаги в простом режиме, или переключитесь в расширенный режим для большего контроля. Если вам нужно вдохновение, нажмите кнопку "Spin Me" для случайного гармонографа. Этот плагин имеет открытый исходный код.