плагин рыба текст фигма
5 полезных плагинов для Figma: работа с текстом и шрифтами
Как расположить текст вокруг фигуры, подобрать шрифтовые пары и быстро настроить стили шрифтов на макете.
В Figma есть много инструментов для работы с текстами, но некоторые задачи невозможно решить её стандартными инструментами. В этом случае вам помогут плагины, которые расширяют и упрощают функционал графического редактора.
Рассказываем, какие плагины для Figma помогут вам работать с текстом и шрифтами.
To Path
Плагин располагает выделенный текст на кривой или по краю любой стандартной фигуры:
Плагин разделит каждое слово на отдельные слои с буквами и разместит их по контуру фигуры или кривой:
Копирайтер, визуализатор, модель. Пишет статьи, стилизует съемки и участвует в них, изучает арт-критику в СПбГУ.
Better Font Picker
В Figma не очень удобно выбирать шрифты, так как они не отображаются на макете сразу. С помощью плагина Better Font Picker вы сможете в отдельном окне посмотреть, как выглядит каждый шрифт, и быстрее принять решение — использовать его или нет:
Soroka
Чтобы не тратить время на подбор шрифтовых пар вручную, воспользуйтесь плагином Soroka. У него есть большая база из сочетаний бесплатных шрифтов Google Fonts, которые можно использовать в вашем макете:
Первый выбранный шрифт будет использоваться в заголовках, а дополнительный — в основном тексте:
Fontiger
Разработчики не любят, когда в макете остаются дробные значения кегля. Они отображаются не в каждом браузере, а доставать дизайнера вопросами о каких-то незначительных пикселях долго. Чтобы проект из-за этого не тормозил, перед передачей макета в разработку воспользуйтесь плагином Fontiger — он автоматически округляет дробное значение кегля до ближайшего целого:
Плагин учитывает текстовые модули только внутри фреймов. Если текст не стоит внутри фрейма, его кегль не изменится.
Font Master
В Figma очень удобно следить за используемыми цветами — достаточно выделить все объекты на макете и посмотреть на панель справа. Но кегль, интерлиньяж, кернинг и шрифты таким образом не отображаются. Плагин Font Master решает эту проблему — он показывает все используемые настройки текста на макете и при необходимости создаёт из них полноценный стиль.
Плагин покажет все сочетания шрифтов и кеглей и где они были использованы. Из любого сочетания можно сделать полноценный стиль:
обложка: Катя Павловская для Skillbox Media
Топ-6 плагинов для Figma
Всем привет! Сегодня я расскажу про топ-6 плагинов, которые ускоряют мою работу. Здесь не будет списка о самых популярных плагинов, например, как Unsplash, так как о них уже все знают. Ну что ж, приступим.
Image tracer — нередко бывает такое, что логотипы у заказчиков в формате png и чтобы не тратить время на отрисовку в векторе, делюсь этим плагином. Загружаете фото в фигму и он отрисует вам в векторе.
Cpellchecker — часто, создавая дизайн, где встречается много текста, можно допустить орфографические ошибки. Этот плагин не допустит такого, ведь наводя на текст, он выдает ошибки и предлагает варианты их исправления.
Mapsicle — думаю каждый сталкивался с той проблемой, что карты Google ну вообще никак не подходят по дизайну к нашему макету. С помощью этого плагина можно подобрать всевозможные варианты дизайна карты, а также изменить ее масштаб.
Image Pallet — в просторах интернета есть множество сайтов, где из картинки берутся ее основные цвета. Но зачем нам сторонние сервисы, когда все можно сделать в фигме? Делюсь крутым плагином с подбором основных цветов из фотографии.
To path — один из моих любимых плагинов. Он позволяет делать текст по кругу, раньше это можно было сделать только в иллюстраторе, но говорим спасибо этому плагину за возможность делать все в фигме и идем дальше!
Blobs — на самом деле этим плагином я пользуюсь нечасто, но все же может он кому-то будет полезен. Здесь вы создаете кляксы (можно так их назвать), по сути их можно делать просто поиграв с вектором круга, но так это намного быстрее.
На этом все, напиши, если тебе были полезны эти плагины, а также мне интересно, какой твой любимый плагин?
Плагины Figma — что это такое? Как установить? Как использовать?
Инструкция по плагинам в Figma для начинающих. Разбираем как с ними работать.
В этой статье и видео поговорим про плагины для Figma. Разберемся для чего они нужны, как их установить и как использовать в своей работе.
Что такое плагины в Figma и для чего они нужны?
Плагин в Figma — это специальное дополнение, которое увеличивает стандартные возможности программы. С их помощью вы можете решать различные задачи быстрее и проще.
Например перед вами стоит задача вставить изображение с сайта unsplash. Конечно вы можете зайти на этот сайт, найти там подходящую картинку, скачать её на рабочий стол или скопировать и затем вставить в Figma. Есть путь короче. Например с помощью плагина «Unsplash» это можно сделать буквально за пару кликов.
Есть плагины, которые позволяют вставлять иконки, иллюстрации, фотографии, делать таблицы, вставлять «Рыбу текст», создавать текст по кругу и т.д.
Как найти плагины в фигме?
Первый способ:
Чтобы найти нужные плагины перейдите во вкладку «Community». Затем нажмите на вкладку «Plagins». Внизу будет расположен список всех плагинов, от самых популярных.
Второй способ:
Вы можете использовать строку поиска, которая расположена сверху. Например если ввести слово «Icons», то найдете плагины с иконками.
Топ плагинов
Популярные плагины расположены в списке (как показано на рисунке выше) по убыванию. Рекомендую посмотреть на них обзоры (например на youtube). Также вы можете изучить информацию на нашем сайте. Мы отбираем только лучшие, которые сами используем в своей работе.
Как установить плагин в Figma
Чтобы установить плагин нажмите на кнопку «Install», напротив нужного представленного из списка.
Также добавить плагин в его описании. Там тоже есть кнопка «Install». В описание можно перейти выбрав какой-либо плагин из списка.
Как использовать плагины в Figma?
Как удалить плагины?
Удаление через вкладку «Community»
Для удаления плагинов перейдите во вкладку «Community», выберите вкладку «Plagins» и напротив того плагина, который хотите удалить нажмите кнопку «Delete».
Удаление через вкладку профиля
Удобно удалять плагины во вкладке профиля. Для этого нажмите на вашу аватарку сверху, слева. Перейдите во вкладку «Plagins». Там будет список всех установленных вами плагинов. Нажмите на иконку минуса, чтобы удалить не нужные.
Плагин рыба текст фигма
Идеи, планы и прочие хотелки по развитию РыбаТекста, до которых у нас пока что не дошли руки. Или дошли, но не полностью.
Знакомьтесь, наши ТУДУшки
Здесь мы собрали большинство идей и планов по развитию сервиса. Какие-то из них уже в процессе создания, до каких-то ещё не дошли руки. Вы же можете ускорить реализацию конкретных частей и модулей, посетив раздел Поддержать проект и выбрав удобный для вас способ помощи РыбаТексту.
Генератор заголовков
В настоящее время наш генератор случайного контента не умеет создавать хоть сколь-нибудь осмысленные заголовки, он выдает лишь целые предложения. Конечно, ничто не мешает брать вам начала этих предложений и использовать их в качестве заголовков, однако мы бы хотели сделать все по уму.
Генератор статей
Мегаполезная фича для вывода тестового листинга статей, например. Или для предварительного заполнения сайта перед показом клиенту. В планах сделать полноценный генератор целых статей: с заголовками, разметкой на выбор, изображениями, форматированием. Разумеется, генератор статей должен уметь отдавать как plain text, так и качественный HTML с возможностью настройки. В общем, идеальный инструмент для проверки типографики или тестирования REST API.
Категории рыбатекста
То бишь генерация кириллического Lorem Ipsum на выбранную тематику. Нужно пятьдесят предложений рыбатекста об архитектуре или тяжелой промышленности? Пожалуйста. Приличная по объему, но не сильно сложная задача, которая сводится лишь к написанию значительного количества шаблонов и небольшому кодингу. Однако чтобы к ней приступить, необходимо понимать, какие темы текста-рыбы самые популярные. Если у вас есть подобная информация или статистика и вы её можете отправить на dev@fish-text.ru, мы будем крайне признательны.
Генератор изображений
Вообще-то это, по сути, отдельный подпроект, который будет иметь с РыбаТекстом общий API. Онлайн-генераторов изображений сейчас довольно много, но какие-то не умеют отдавать фиксированные картинки (всегда передают случайные), в каких-то нет категорий, а многие просто недоступны по HTTPS (что накладывает ограничения на использование). В общем, идеала мы так и не нашли. И, конечно, хотим создать его самостоятельно.
Плагин для Figma
Мультиязычность
Амбициозная, но вполне решаемая задачка. Главная проблема тут именно в контенте: нужно очень хорошо знать язык, чтобы суметь составить грамотную таблицу первоначальных фраз, из которых будет собираться не режущий глаз рыбатекст. Конечно, тут никак не обойтись без волонтеров, которые засядут за написание (именно написание, а не просто перевод) текста-рыбы на английском, немецком, французском, украинском, белорусском и любых других языках.
Расширение к браузерам
Если ты вебмастер, заполняющий только что созданный сайт тестовым содержимым, очень удобно иметь под рукой гибкий инструмент для генерации Lorem Ipsum на русском языке. Существующие расширения, увы, предоставляют, по большей части, лишь англоязычный dummy text. Пора это исправить.
Плагин для WordPress
Плагин для самой популярной в мире CMS, который умеет создавать случайный контент: генерировать статьи, страницы, произвольные типы записей, таксономии, пункты меню и медиафайлы. Разумеется, плагин должен быть настраиваемым и уметь подчищать за собой (по кнопке или после деактивации).
Плагины
Плагин с мокапами для Figma Mockuuups Studio
Относительно новый плагин для Figma в котором собрано более 500 мокапов под разные устройства. Количество устройств постоянно растет. Плюсом этого плагина является то, что ты можешь динамически просматривать свой фрейм в мокапе. Прямо в рабочей области. Создатель уверяет, что больше не нужно искать мокапы — все за вас сделает плагин и в нем есть удобный …
Плагин Figma Рыба-текст.
Радует, что больше плагинов для Figma создают наши ребята. Это мега-круто. Вот очередной плагин от земляков, который должен заменить надоевший lorem ipsum. Плагин может создавать текстовые слои в компонентах, прямо в корне файла и заменять тексты на рыбные в уже готовых текстовых слоях сохраняя их размеры. Удобно и практично. Однозначно советую к установке
Как разместить в Figma текст по кругу или кривой
Плагин ARC умеет(нет) размещать текст в фигма по кругу Ох и шума поднял этот плагин. Все так ждали, когда в фигме появится возможность ровнять текст по кругу/кривой и вот это свершилось. 11 октября вышел пока что крайний релиз плагина Arc, который все это умеет. Ну как умеет… он по только ему ведомой окружности распределяет текст.. …
Плагин Figma Brands Colors. Парсит фирменные цвета компаний
Плагин выдает тебе фирменные цвета разных компаний. По какому принципу он это делает не понятно и не совсем верится в то, что цвета соответствуют действительности. Наш вк и инста — подписывайся Скачать плагин для фигма Brands Colors
Плагин для Figma Brandfetch. Парсит лого с сайтов
Вводишь адрес сайта и вуаля — лого с этого сайта оказывается прямо в фигме в формате png. Об svg приходится только мечтать. Наш вк и инста — подписывайся Скачать плагин фигма Brandfetch
Плагин Figma Border. Создает линии по краю фрейма
Странный плагин создает однопиксельные линии по краям фрейма. Пока что, при увеличении ширины этой линии они выступают а края фрейма. Наш вк и инста — подписывайся Скачать плагин для фигмы
Плагин Figma Blobs. Генерирует кляксы разной кривизны
Простой и полезный плагин. Создает кляксы по заданным настройкам кривизны. Сегодня очень кстати будет на волне популярности бесформенных клякс в веб дизайне. Советую. Наш вк и инста — подписывайся Скачать плагин можно по ссылке
Ты рисуешь векторную линию любой формы, выбираешь любой шейп и плагин размножит шейп прямо по вектору, как по дороге. Ты можешь выбирать количество копий твоего объекта и расстояния между ними. Скачать плагин для фигмы можно тут Наш вк и инста — подписывайся
Плагин Figma Avatars. Заполняет шейпы рандомными лицами
Пока что умеет заливать шейп только лицом без возможности выбора. парень-девушка, старый-молодой… ему не важно — он тупо заливает шейп фоткой и все, при чем она не всегда правильно оцентрирована. Такой себе lorem для аватарок. Уверен, что совсем скоро все изменится. Работает быстро, все лица берет с UIfaces Установить можно по ссылке Наш вк и …
Плагин Figma Autoflow. Соединяет объекты линией
На момент выхода этого блога умеет соединять объекты линией. Только по 2 объекта за 1 раз. Надеюсь, что когда ты будешь это читать Autoflow уже научится делать что-то посерьезнее. Ссылка на установку себе плагина фигма Autoflow Наш вк и инста — подписывайся