Etsi samankaltaista sisältöä

🖼Небольшой тизер нашего бесплатного мини-курса по графическому дизайну! 😄VK 😉YouTube Начать обучение: cloudlessons.ru/c/26858 #графическийдизайн#figma

轻量 GIF 动画工具 - Motion@Figma 最近在做客户端的设计工作，涉及到一些小的动画。甲方客户端开发框架比较传统，需要直接切 GIF。Mac 上轻量 GIF 工具很少，灵机一动想起了 Figma，社区一搜果然有能用上的。Motion 插件解决了问题，它的用法和传统的工具类似，定义关键帧和属性和曲线，然后导出即可。导出格式很丰富，免费版限制 2 秒时长，对于一般的 UI 元素动画完全足够。 插件地址：Motion - UI and Games animation #app#design#figma

Onlook —— React 应用的开源本地化 Figma 替代方案 🔗GitHub Onlook 是一款开源的本地化可视化编辑器，专为 React 应用设计。它允许开发者直接在浏览器中对运行中的 React 应用进行设计和编辑，并将更改实时写入代码。 主要功能 • 可视化编辑：在浏览器中直接编辑 React 应用的用户界面，所见即所得。 • 实时代码更新：所有更改实时写入代码，无需手动同步。 • 无缝集成：支持与任何使用 React 和 TailwindCSS 的网站或 Web 应用集成。 • 本地运行：所有操作均在本地进行，确保代码的安全性和所有权。 安装 • 从官方网站下载：访问 onlook.dev 下载预构建的应用程序。 • 使用 CLI 安装：在项目根目录运行 npx onlook setup 启动项目后，在 Onlook 中打开项目运行的地址。 开源许可 Apache-2.0 license。 #GitHub#React#Figma#OpenSource 📮 频道 @AppPie

Figma-хак объединяем объекты в одну картинку через Figma EDIT Сегодня проверил гипотезу: склеить два фото в одно PNG, кинуть в Edit image и попросить ИИ поменять героя. Работает! 💡 Как повторить за 60 сек: 1️⃣ Брось два портрета на холст, выровняй. 2️⃣ Ctrl + Shift + C → копия сразу как единый PNG. 3️⃣ Вставь обратно (Ctrl + V) — получишь слой Combined.png. 4️⃣ Shift + E → «Edit image», пиши промт что хочешь объединить. В моём случае было: "Замени персонажа справа на персонажа слева, фон и ракурс как справа" 5️⃣ Нажми Generate Прикольно работает и с мокапами/иконками, если их тоже склеить в PNG. Пока Figma не дала «multi-image reference», этот костыль спасает. И это бесплатно) Если что то придумаете с таким workflow присылайте идеи и готовые решения в комменты 👇 Подпишись, сохрани и кидай друзьям #hints#figma | AcidCrunch

#iPad#Figma#Design 嘿，你还别说，最新 iPadOS 配鼠标用 Figma 还可以差不多算是能用了呢！右键菜单都有了，不错啊！ 📮 Via channel: @realSpencerWoo

Сентябрь, санкции, Figma Не знаю вкусе вы или нет, но в сентябре будут новые санкции направленные на ИТ-сектор: Под запрет попадают консалтинговые и дизайнерские услуги любому лицу из РФ в сфере информационных технологий, а также IT-поддержка и облачные сервисы для определенных категорий программного обеспечения (ПО). Сюда входят ПО для управления предприятием, для проектирования и производства. Вот, что будет происходить в дальнейшем: • с 12 сентября 2024 года американские компании не будут предоставлять российскому бизнесу разработку и поддержку систем, а также ограничат доступ к облачным решениям. Рекомендуем перенести данные с зарубежных серверов как можно быстрее; • с 1 сентября 2024 года РФ запрещает закупку иностранного ПО гос. субъектам. Государственные компании должны перейти на отечественное ПО до конца 2024 года. Возможно, что данная мера распространится и на частный бизнес в будущем. Предположительно, эти санкции затронут системы CAD, ERP, CRM, бизнес-аналитики, а также сервисы вроде MS Azure и софт с открытым кодом, такой как Docker. Подобные меры уже приняты в ЕС и привели к приостановке использования корпоративного ПО от американских компаний. Возможно, что новые санкции могут затронуть и офисное ПО, такое как Office 365, Outlook и MS Project. Хоть Figma и не относится к промышленному ПО и формально под новые санкции не попадает, но все мы знаем контору пидорпасов пример со Slack, который тоже не являясь промышленным ПО, забанил православные аккаунты. Какое развитие может нас ожидать в сентябре: 1. Лучший вариант — ничего не поменяется 2. Мягкий вариант — ограничение доступа к Figma по IP-адресам из России 3. Жесткий вариант — полная блокировка аккаунтов пользователей из России Какие есть альтернативы по сервисам: 1. Pixso — китайский клон Figma 2. Penpot — молодой open-source проект 3. Lunacyapp — типа убийца Sketch от Icons8 4. Sketch — ждёт что мы приползём с извинениями 🕳 Учитывая всё выше написанное, расскажите делаете ли вы что-нибудь с Figma на работе или нет? Оставляем ответы в голосовании ниже ☕️ #опросы#новости#figma

🛠Figma Dev Mode MCP server Недавно один мой dev-бро Юра, вдохновил меня на челлендж: собрать через Cursor простую страничку из Figma. Ночью я почитал вдохновляющий Introducing от команды фигмы, прошёлся по гайду, как подрубить MCP Server для коннекта с проектом. Всё оказалось супер-изи, можете и сами чекнуть. И вот я, заряженный, подготовил простую страницу с нужной разметкой, без выкрутасов, заебошил промт… и эта хуйня высрала другую хуйню 😂 Я туда-сюда промты писал и устал. Вот реально, пока что я могу быстрей и качественней сам заверстать веб через мой любимый Framer. Или! Просто подтянуть верстку и немного JS. Сам процесс копания в макетах мне нравится, и идите нахуй те, кто бежит от своей рутины и тащит за руку других. Мне по-кайфу Кидайте камнями, но пока я вижу ИИ как инструмент для бедных. Бедных финансово, кому не по карману нормальный специалист. Бедных мозгами, кто ищет спасение в куче мусорных генераций. Все эти ИИ-инструменты пока сырые, если ты профи в своём деле. У меня нет ни капли романтизма ко всему этому. Например те, кто вещает про «скорость», врут себе: сначала ты тратишь кучу времени, чтобы описать правила, настроить окружение, потом ещё и сливаешь деньги на часы неудачных генераций И всё же надежду я не теряю. Верю, что когда-то часть задач можно будет реально быстро решать, а не страдать хуйнёй в виде пулемётных промт-выстрелов «fix it». У меня уже накопился основной пласт мыслей для второй части поста про AI наркоманию, осталось дописать Сегодня ИИ для меня схож с костылём. Хороший, потенциально мощный костыль, но пользоваться им без боли и ненависти у меня пока не получилось P.s. Я, кстати, восхищаюсь проектом hirehi.ru, который делает Антон Захаров чисто на вайб-кодинге. Не знаю,так ли это на 100%, или у него есть какой-то живой фронтендер, но на выходе получается достойный продукт. Респект #figma#AI#бесплатнаяреклама

Figma Sites 🆚 Framer Давайте сразу, я не смотрю на Figma Sites как на «ещё одну фичу» или очередной сайт-билдер. Такие шаги усиливают тенденцию, которая толкает индустрию уже несколько лет — сближение инструментов дизайна и продакшена. Когда дизайн-сервисы позволяют сразу рендерить интерфейс на проде, ещё вешать домен, то классический процесс «макет → передача макета → разработка» идёт нахуй. Это ускоряет эксперименты и сокращает путь от идеи до живого теста. Вместе с этим, меняется роль дизайнера, от рисовальщика макетов к автору продукта, который думает не только про интерфейс, и про технические ограничения Хотя у Figma Sites стадия публичной беты, западные партнёры братки уже стреляют заголовками «Framer умер!». Ну, понятно, дешёвый кликбейт от дешёвок. Ночью я залез сам и всё проверил. Делюсь мыслями: 1️⃣Сыроватои сильно пахет Framer Брейкпоинты пока работают через жопу, но сама структура и логика почти пуля в пулю как у Framer 2️⃣ Настройки сайта покрывают базу Для 2025 года норм, но пока нет: фавиконок под тёмную/светлую тему, локализации, аналитики, редиректов, метрик нагрузки и управления Well-Known Files (свежая фича у Framer для тех, у кого есть приложение) 3️⃣ Доменов насыпали щедро До конца 2025 можно подключить до 10 доменов бесплатно — нихуясе. В 2026 правила могут сильно поменяться, и хуй его знает, что будет с лимитами по MAU и доменам 4️⃣ Шаблоны и блоки норм Уже есть нормальный стартовый пак. Тут уверен, Figma и комьюнити быстро накидают горы шаблонов 5️⃣ Рендер пока посасывает Контент грузятся неровномерно, курсор нельзя настроить (хотя бы для нормального hover-эффекта). Но это бета, пока прощаем 6️⃣Нет scroll-контроля Хотите нативно рабочий слайдер, галерею или пролистываемый список внутри блока? Забудьте. Ждём апдейтов, как и возможности нормально настраивать интерактив 7️⃣Playground кастрирован Можно тестить только целую страницу, отдельные блоки с компонентами не выйдет. У Framer с этим удобнее 8️⃣CMS на подходе Вкладка уже есть, значит копают в этом направлении ⤴️⤴️ Если вы читаете это и вахуе думаете: «Ебать, мне теперь и верстать самому?», отвечаю: да расслабьтесь 🚬 Дизайнеры не станут внезапно разрабами. Мы становимся ещё ближе к коду и бизнес-метрикам, а значит смотрите на это, как на вызовы. Тот кто готов, начнёт разбираться в перформансе, SEO, аналитике, локализации и CMS. Уверен, скоро появятся вакансии-мутанты: design engineer, product frontend designer и прочие гибриды Но, помните про ловушку! Чем больше логики отдаёшь конкретной платформе, тем выше риск упасть в vendor-lock-in. Поэтому, лучше уже сейчас думать, как экспортировать данные и что делать, если завтра придётся съебаться с «любимой» платформы 😕 И да, держитесь крепче, нас ждёт волна одинаковых портфолио, собранных в Figma Sites #figma#мысли#frontend

🥸 Рабочий макет для Figma с помощью ChatGPT #figma#дизайн#chatgpt

🧐 Как оно? Краткий апдейт по тому как поживают мои отклики. Я немного расслабился из за того что меня минула череда сокращений. Начал решать Leetcode. Пока решаю пару задач в неделю уровня Medium. На большее не хватает времени. Пока очень мало. Решаю долго, решение вертится на языке, но написать не могу. Начинаю смотреть объяснение решения и с первых же секунд все вспоминаю. Нужно набить руку. Начал забывать синтакс Python, к примеру как создаются классы или как итерировать через dictionary. Вспоминаю походу дела. 💼 Как там мои отклики Google - отправил им слоты для интервью. Пока не ответили. Apple - пришел отказ. Сказали что очень тяжело было мне отказывать, так как интервью провел хорошо, но были кандидаты сильнее. Тут я думаю играет роль как моя подготовка, так и высокая конкуренция из за заморозки найма. Много людей на одно место. Figma - провел техническое интервью. Спрашивали задачу уровня Medium, были задействованы stacks, dictionaries, классы и т.д. Задача не была похожа на типичные задачи из Leetcode, а больше похожа на что то из реального проекта. Очень интересный опыт. По результатам интервью сказали что я молодец и пропустили на онсайт (5 часов веселья). #story#figma#google#apple

Три неочевидных вещи в Figma которые вы, возможно, как и я пропустили Я по жизни самоучка, и вообще, моя супер-способность — разбираться в чем угодно на любопытстве. Даже лазерный ЧПУ станок осваивал этим подходом! У производителя не было нормальных инструкций в принципе. Со станком шел только криво переведенный с китайского quick start guide 😐 Но это история для другого раза :) Я хотел поделиться главным недостатком такого подхода «на пальцах» — есть большой шанс пропустить, или не заметить простых базовых вещей. Их обычно рассказывают в самых первых уроках, а потом уже считают информацией «по-умолчанию» и не упоминают. Я пару раз сталкивался с ситуацией, когда сидел «за плечом» у старшего товарища и моги глаза расширялись с возгласом «А что, так можно было что ли?!?!» 🙉 Выяснялось, что я тратил часы на то, что делается за минуты. Вчера был день таких открытий в фигме. Поэтому я решил записать видос-демку со всеми тремя мозго-взрывами: 1. 00:02 Гугловская нейросеть Nano Banana (Gemini 2.5 Flash Image) теперь встроена в команду Edit Image! Они недавно добавили систему ИИ-кредитов, но посмотреть сколько расходует генератор картинок пока нельзя. На формуах пишут, что можно сделать примерно 100 запросов прежде чем они попросят притормозить и «попробовать позднее». 2. 00:29 Текст по кривой можно писать без плагинов. Просто выбираете инструмент текст и кликаете по кривой. 3. 00:35 Зажав Alt/Option можно изменять размер шрифта перетаскиванием влево-вправо. Работает и на других панелях с цифрами тоже. На видосе собрал плакатик с вариативным шрифтом Climate Crisis, про который рассказывал ранее 🎤Ссылки на утро — второй канал ⏲YouTube за звезду (VPN) #написябрь08#toolhacks@cogload#figma@cogload

Округлить до целого пикселя в фигме Периодически, при экспорте в картинку, непонятно откуда появляется белая полоса по краю фрейма и размеры файла увеличиваются на 1 пиксель: 1921 вместо 1920, Это признак того, что фрейм расположен в координатах с десятичным значением (меньше пикселя). Чтобы вручную не искать где проблема, можно выделить все нужные фреймы и через меню команд (Ctrl+P) сделать "Round to pixel" Вуаля! Вы великолепны! 💃 Когда-нибудь сталкивались с этой проблемой? Может я ещё каких-то простых истин не знаю?) 🎤Ссылки на утро — второй канал ⏲YouTube за звезду (VPN за 2₽) #toolHacks#Figma#graphicdesign