КАК ПОСТАВИТЬ НЕРАЗРЫВНЫЙ ПРОБЕЛ В ФИГМЕ
Неразрывный пробел — это символ, который используется для того, чтобы избежать переноса слова на новую строку в случае, когда оно в конце строки. В Figma установить неразрывный пробел можно с помощью сочетания клавиш Option + Space.
Как поставить неразрывный пробел в Ворде?
Как создать анимацию при скролле в Figma // Смарт анимация // Прототип в Figma
Типографика в веб-дизайне: висячие предлоги и неразрывный пробел. Альт-коды и раскладка Бирмана
Анимация подсветки в Figma при наведении // Курсор с подсветкой
Эффект прозрачного текста в Figma при создании экрана landing page. Выравнивание объектов по сетке
Неразрывный пробел в документах Word
Как создать эффект волн в FIGMA
Как убрать висячие предлоги? Неразрывный пробел и плагин в Figma. Типографика в веб-дизайне.
Адаптивные привязки в Фигме (Figma лайфхаки). Бесплатные нескучные уроки
Как сделать прокрутку в Фигма — Вертикальный и горизонтальный скролл в Figma
SBOL Typograph
Плагин SBOL Typograph исправляет и форматирует текст на основе правил типографики со встроенным Ёфикатором.
- Заменит букву «е» на «ё» в словах, где она должна употребляться.
- Автоматически расставит неразрывные пробелы и уберёт висячие предлоги и союзы.
- Исправит «простые кавычки» на «ёлочки» и „лапки“, а знак минуса на дефис, длинное или среднее тире.
- Разобьёт длинные числа перед знаком валюты по разрядам и заменит в них точку на запятую.
- Приведёт телефонные номера к нужному формату.
Выберите текстовый слой, группу, фрейм или компонент в котором хотите проверить текст и запустите плагин SBOL Typograph. Если ничего не выбрано, проверка и замена происходит во всех элементах страницы.
Ёфикатор
Замена буквы е на ё в словах, где она должна употребляться
Кавычки
Замена «простых кавычек» на «ёлочки» и „лапки“ «„Как это скучно!“ — воскликнул я невольно»
Телефонные номера
Приведение российских телефонных номеров к правильному формату Федеральный номер: 8 (800) 555-55-50 Городской номер: +7 (495) 500-55-50, +7 (4212) 79-40-35
- В начале строки или предложения, длинное тире + неразрывный пробел — Это я, почтальон Печкин
- Для диапазонов месяцев и дней недели используем среднее тире без пробелов январь–март, понедельник–суббота
- Внутри текста используем неразрывный пробел + длинное тире А гений и злодейство — две вещи несовместные
- Для диапазонов чисел используем среднее тире без пробелов 2002–2009, XI–XII
Пунктуация
Замена !? на ?!
Замена …? на ?‥ и …! на !‥
Замена ?… на ?‥ и !… на !‥
Замена … на знак многоточия …
Заменяем несколько знаков ? ! . , ; : — на один Готово. ⟶ Готово!
Перенос точки за закрывающуюся кавычку
Лишние пробелы
Удаление пробела после « „ ( [
Удаление пробела перед . … : , ; ? ! » “ «» ) ]
Удаление пробела между числом и % 23%
Удаление пробелов в начале и конце строки
Удаление двойных пробелов
Числа перед знаком валюты
Разбивка длинных чисел по разрядам 2345123 $ ⟶ 2 345 123 $ Замена в числах точки на запятую 143.56 $ ⟶ 143,56 $ После тыс. должна быть точка, а после млн, млрд, трлн точки быть не должно 5 тыс., 2 млн, 1 млрд, 3 трлн
Валюта
Замена USD и EUR на $ и € 20usd ⟶ 20 $
Замена Р, р., руб., RUR, RUB на ₽ 789 руб. ⟶ 789 ₽
Перенос копеек в основную сумму 45 руб. 5 коп. ⟶ 45,05 ₽
Перенос знака валюты после цифр и отделение его неразрывным пробелом $ 109 ⟶ 109 $, 109$ ⟶ 109 $
Неразрывный пробел
Неразрывный пробел между инициалами и фамилией. Инициалы слитно, затем неразрывный пробел и фамилия. Или фамилия, неразрывный пробел и слитно инициалы. А.А. Иванов, Петров К.П.
Неразрывные пробелы между словом и и т.д., и т.п., и др.
Неразрывный пробел между числом и следующим словом
Неразрывный пробел перед б, бы, ж, же, ли, ль
Неразрывный пробел перед последним коротким словом в предложении или одиночной строке
Неразрывный пробел после короткого слова
Неразрывный пробел после г., обл., кр., ст., пос., с., д., ул., пер., пр., пр-т., просп., пл., бул., б-р., наб., ш., туп., оф., кв., комн., под., мкр., уч., вл., влад., стр., корп., литер, эт., пгт., стр., гл., рис., илл., ст., п., c., а, б, без, безо, будто, бы, в, во, ведь, вне, вот, всё, где, да, даже, для, до, если, есть, ещё, же, за, и, из, изо, из-за, из-под, или, иль, к, ко, как, ли, ли, либо, между, на, над, надо, не, ни, но, о, об, обо, около, оно, от, ото, перед, по, по-за, по-над, под, подо, после, при, про, ради, с, со, сквозь, так, также, там, тем, то, тогда, того, тоже, у, хоть, хотя, чего, через, что, чтобы, это, №, §, АО, ОАО, ЗАО, ООО, ПАО
Строчные буквы
Слова вы, банк, приложение, условия, сайт — со строчной буквы. С прописной буквы — если слово первое в предложении.
Разное
Правильное написание Mastercard, Visa, Мир, Google Pay, Apple Pay, Push-уведомления, ПИН-код, QR-код, сим-карта, СVV-код, СVС-код, СVV2-код, СVС2-код, CVV, CVC, СМС, Wi-Fi, email, офлайн, онлайн, мск
5 полезных плагинов в Figma: работа с текстом и изображениями
Как быстро сделать красивые векторные фигуры, перекрасить картинку и оттипографить текст.
Иллюстрация: Оля Ежак для Skillbox Media
В Figma очень удобно устроена работа с текстом и изображениями, но некоторые вещи приходится делать вручную — а это обычно долго. Например, чтобы просто перекрасить PNG-картинку, вам придётся делать отдельную слой-маску. Избавиться от этой рутины вам помогут плагины, которые расширяют функционал графического редактора.
Рассказываем, какие плагины для Figma помогут вам быстрее приводить текст в порядок и работать с картинками.
Typograff
Этот плагин поможет быстро оттипографить текст в документе — он автоматически расставит неразрывные пробелы после предлогов и союзов, поменяет кавычки на правильные «ёлочки» и «лапки».
Как пользоваться
- Скачайте плагин по ссылке.
- Зайдите в Figma, нажмите правой кнопкой мыши на текстовый модуль, в выпадающем меню перейдите в пункт Plugins и выберите Typograff.
- Укажите, какие кавычки вы хотите использовать, и нажмите на кнопку «Оттипографить». Вместе с новыми кавычками в тексте расставятся неразрывные пробелы.
Color Overlay
С помощью этого плагина можно быстро перекрасить PNG-картинку в однотонный цвет без использования слой-масок. Также через Color Overlay можно убрать из изображения любой цвет.
Как пользоваться
- Скачайте плагин по ссылке.
- Зайдите в Figma, нажмите правой кнопкой мыши по PNG-картинке, в выпадающем меню перейдите в пункт Plugins и выберите Color Overlay.
- Откроется окно плагина. В верхнем поле укажите, каким цветом нужно залить картинку, а в нижнем — какой цвет нужно убрать.
- Нажмите Colorize, и изображение изменится.
Spectrum
Меняет палитру любого изображения. Например, поможет поменять цвета красной картинки на синий или превратить голубую фотографию моря в фиолетовую.
Как пользоваться
- Скачайте плагин по ссылке.
- Зайдите в Figma, нажмите правой кнопкой мыши по картинке, в выпадающем меню перейдите в пункт Plugins и выберите Spectrum.
- В появившемся окне выберите количество цветов в новой палитре и их яркость. Также вы можете изменить режим наложения цветов: shades (оттенки) hue (насыщенность) или сделать собственный.
- Нажмите Apply Palette, и изображение изменится.
Этот плагин — условно бесплатный. В Figma вы можете изменить только три картинки с бесплатного аккаунта. Полная версия стоит 29 долларов.
Веб-версия сервиса доступна бесплатно без покупки.
Spirous
Математически генерирует абстрактные фигуры, которые будут хорошо работать как декоративные элементы сайта. А если воспользоваться дополнительными плагинами, то из фигур Spirous можно собрать интересный паттерн.
Как пользоваться
- Скачайте плагин по ссылке.
- Зайдите в Figma, нажмите правой кнопкой мыши по макету, в выпадающем меню перейдите в пункт Plugins и выберите Spirous.
- В появившемся окне выберите понравившуюся фигуру.
- Чтобы изменить фигуру, наведите курсор на её изображение и кликните на карандаш в правом нижнем углу.
- Чтобы добавить фигуру на макет, кликните по ней в окне плагина.
Image tracer
Превращает растровые картинки в векторные. Хорошо работает только с однотонными изображениями, где чётко можно разглядеть границы для вектора.
6 полезных плагинов Figma, о которых нужно знать каждому дизайнеру
Количество плагинов для Figma постоянно растет. Давайте рассмотрим те из них, которые будут полезны большинству дизайнеров:
Unsplash — это просто потрясающая платформа стоковых фотографий, насчитывающих более 265 000 фотографов-участников. В ней генерируется более 16 миллиардов показов фотографий в месяц! С помощью данного плагина вы сможете найти любое стоковое изображение прямо в Фигме!
Не отходя далеко от темы фотографий переходим к следующим двум плагинам — Mapsicle и Map Maker. Они позволяет найти на карте мира любую точку, даже по координатам. Есть возможность настроить отображение объектов, как с названием улиц, так и без них.
15 сентября компания Adobe сообщила о покупке сервиса для дизайнеров Figma за $20 млрд.
Сделка считается крупнейшим в истории поглощением частного разработчика ПО. Благодаря этой покупке Adobe планирует расширить собственный инструментарий для профессионалов.
Если вы часто работаете с текстом, то этот плагин облегчит редактирование текста,
- Исправит «простые кавычки» на «ёлочки» и „лапки“, а знак минуса на дефис, длинное или среднее тире.
- Заменит букву «е» на «ё» в словах, где она должна употребляться.
- Автоматически расставит неразрывные пробелы и уберёт висячие предлоги и союзы.
Blobs — очень простой плагин который может ввыручить, если вам неожиданно понадобятся органические blobs-формы. Вы можете контролировать, насколько уникальна форма, а также количество точек, которые она имеет.
Формы создаются с использованием SVG, так что вы получаете эти восхитительные кривые Безье.
Продолжаем тему работы над текстом. Плагин проверяет грамматику с помощью сервиса Яндекс.Спеллер. Теперь нет необходимости переключаться на сервис и копировать текст по несколько раз — всё можно делать сразу в Figma.
Генерирует аватарки рандомными людьми в выбранную область. Есть возможность сгенерировать сразу несколько объектов.