Figma (иногда в разговоре — «Фигма») — это мощный онлайн-редактор, который чаще всего используют для дизайна интерфейсов: сайтов, мобильных приложений, лендингов. Я подобрала главное, чтобы вам было проще разобраться, стоит ли её пробовать и с чего начать. career.hh.ru +2

Что в ней можно делать

• Создавать макеты. Добавлять текст, кнопки, изображения, формы, иконки и другие элементы интерфейса. 
• Работать с фреймами. Фрейм — это рабочая область (например, экран приложения или слайд презентации). Можно выбирать готовые шаблоны под разные устройства. yudaevschool.ru +1
• Делать компоненты. Вы создаёте элемент (кнопку, иконку) один раз, а потом используете его копии в разных местах проекта. Если позже вы измените главный компонент, все его копии обновятся автоматически. yudaevschool.ru +1
• Настраивать стили. Можно сохранять стили для цветов, шрифтов, эффектов и сеток. Это помогает поддерживать единый визуальный язык в больших проектах. 
• Прототипировать. Связывать экраны, добавлять переходы, анимацию — так получается кликабельный прототип. Его можно показать заказчику или разработчику, чтобы протестировать сценарий до реализации. yudaevschool.ru +1
• Организовывать совместную работу. Несколько человек могут одновременно редактировать файл, оставлять комментарии, обсуждать правки и видеть изменения в реальном времени. career.hh.ru +1
• Расширять функционал. С помощью плагинов можно добавлять иконки, генерировать текст, проверять контрастность, создавать диаграммы, оптимизировать изображения и автоматизировать рутину. 
• Работать с AI. В Figma постепенно внедряют ИИ-инструменты: они помогают генерировать варианты дизайна, работать с текстом и ускорять рутинные задачи. 
• Проводить презентации. В режиме презентации можно демонстрировать макет, добавлять комментарии к элементам и легко делиться ссылкой с командой. 
• Использовать FigJam. Это отдельный сервис от создателей Figma — интерактивные доски для командной работы: мозговых штурмов, построения схем и диаграмм. Элементы с доски можно переносить в файлы Figma. education.yandex.ru +1

Почему её выбирают

• Кросс-платформенность. Работать можно прямо в браузере с любого устройства. Также есть десктопное приложение. career.hh.ru +1
• Облачное хранение. Файлы сохраняются в облаке, поэтому не нужно переживать за их сохранность и искать разные версии в папках. career.hh.ru +1
• Автосохранение. Изменения сохраняются автоматически. 
• Бесплатный старт. Есть бесплатный тариф (Starter), который подходит для новичков, учебных проектов и небольших команд. yudaevschool.ru +1
• Активное сообщество. В Figma Community пользователи делятся шаблонами, UI-китами, иконками, дизайн-системами и учебными материалами. 

А есть нюансы?

• Нужен интернет. Для полноценной работы (создания новых файлов, импорта, совместной работы) подключение необходимо. Но если открыть файл в десктопном приложении заранее, можно вносить правки в офлайн-режиме — при восстановлении связи изменения синхронизируются. practicum.yandex.ru +1
• Большие файлы могут тормозить.
• Не для всего. Для сложной ретуши фото, детальной иллюстрации или задач полиграфии часто удобнее другие инструменты (Photoshop, Illustrator). 
• Часть продвинутых функций (расширенное управление командами, групповые библиотеки, голосовое общение) доступна только на платных тарифах. yudaevschool.ru +1

Как начать

1. Зарегистрируйтесь на сайте Figma. dzen.ru +1
2. Создайте новый файл (New Design File). 
3. Начните с настройки фрейма (клавиша F) и сетки для точного размещения элементов. 
4. Поэкспериментируйте с компонентами и стилями. yudaevschool.ru +1
5. Изучите раздел плагинов — это сильно ускорит работу. yudaevschool.ru +1

Тильда

У слова «тильда» действительно есть два совсем разных значения.

1. Символ тильда (~)

Это волнистая чёрточка. У неё много применений в разных сферах:

• В математике внутристрочная тильда часто означает разные виды эквивалентности: подобие фигур в геометрии, асимптотическую эквивалентность функций или отношение эквивалентности в теории множеств. Если тильда стоит перед числом (~8 см), она значит «примерно», «около». В физике и астрономии ею иногда обозначают близость по порядку величины. ru.ruwiki.ru +1
• В программировании тильда — это одноместный префиксный оператор, который выполняет побитовое отрицание (переворачивает биты двоичного числа). В некоторых системах (например, в Unix) тильда обозначает домашний каталог пользователя. ru.ruwiki.ru +1
• В типографике и вёрстке в языке TeX тильда обычно обозначает неразрывный пробел. ru.ruwiki.ru +1
• В других контекстах: в испанском и португальском языках тильда используется как диакритический знак над буквами (например, ñ в испанском). В MediaWiki каскад из 3–5 тильд подряд служит для подписи участника на страницах обсуждений. В Markdown двойные тильды (~) применяют для зачёркивания текста. В поисковых запросах одиночная тильда может исключать слово из результата. computerhope.com +3

2. Конструктор сайтов Tilda

А вот Tilda (с заглавной буквы) — это популярный облачный конструктор сайтов. Он позволяет создавать сайты, лендинги, интернет-магазины, блоги и другие проекты без навыков программирования. tilda.cc +2

Как это работает: вы собираете страницу из готовых смысловых блоков (обложка, меню, форма, галерея, карточки товаров и т.п.). Блоки уже адаптированы под мобильные устройства — отдельно верстать мобильную версию не нужно. Можно брать готовые шаблоны и настраивать их под себя, менять контент, цвета, шрифты. А если нужен по-настоящему уникальный элемент, есть инструмент Zero Block — встроенный редактор, где можно спроектировать свой блок, добавляя разные модули и располагая их в режиме перетаскивания. tilda.cc +2

Платформа работает по модели Freemium: есть бесплатный тариф для старта, а платные подписки открывают больше возможностей (больше блоков, экспорт кода, доступ к API). tilda.cc +1

Что можно сделать на Tilda? Много чего: сайт компании или портфолио, лендинг для промоакции, интернет-магазин (с карточками товаров), страницу мероприятия, онлайн-курс, корпоративный или авторский блог, спецпроект. tilda.cc +1

Небольшой нюанс: Tilda отлично подходит для многих задач, но есть ограничения. Например, если вам нужна сложная интеграция (скажем, с 1С), синхронизация витрины и складских остатков или очень специфическая логика — конструктор может не справиться, и тут уже понадобится разработка. calltouch.ru +1