Фигма скоро будет стримить о том как 100500 человек делают из компонентов нечто волшебное! (надеюсь😏) https://www.youtube.com/watch?v=yRnP7Cs0AfY&frags=pl%2Cwn
YouTube
- YouTube
Задачка из области элементарного webdev'a и CSS: как прикрутить градиент к border'у простого прямоугольника со скруглёнными углами? Ответ - никак! Без хаков, костылей, SVG-картинок фоном и прочего это нереализуемо. Поддерживается браузерами только, если border-radius: 0. Вот такой вот потолок или неэффективность, однако! Даже css-tricks.com не помог...
Нормальная шпора по CSS-анимации (eng). Вытащено из топов Reddit'a за последний месяц: https://medium.com/engineerbabu/a-detailed-guide-to-css-animations-and-transitions-b544502c089c
Medium
A Detailed Guide to CSS Animations and Transitions
Every one of us gets awestruck when we look at the exquisitely designed websites of tech biggies, like Apple or Microsoft, or of automobile…
О да - иллюстрационный маразм продолжает крепчать. Кстати, недавно думал о похожем стиле. Рано или поздно все эти отрисованные люди с огромными руками и маленькими головами именно к такой абстрактной неразберихе и скатятся: https://absurd.design/ . Ну а думающие дизайнеры давно уже заприметили как западный продуковый дизайн постепенно смещается к качественным фотографиям с людьми, вместо векторных страстей.
Absurd Design
Absurd Design - Free Surrealist Illustrations and Vector Art
Download surrealist illustrations. Use free vector art for your landing pages, presentations and apps. These artworks combine the absurdity and childishness.
Когда хранить доп. состояния компонентов в экземплярах, а когда создавать новый мастер для каждого дополнительного состояния? Немного пописАл по Фигме: https://vc.ru/design/60124-organizaciya-komponenta-v-figma-na-primere-userpic
vc.ru
Организация компонента в Figma на примере Userpic — Дизайн на vc.ru
Качественная дизайн-система в Figma всегда учитывает возможные состояния определённых компонентов.
Купил микрофон, теперь учусь озвучивать киношки, чтобы продавать больше и расширяться на новые рынки: https://youtu.be/Qo44dpBv9-U Только чур не ржать! 🙈
YouTube
Figma to React components. Buttons section overview
Powerful toolkit for design & development mission where React & Angular components match with Figma design system
Learn more: https://setproduct.com/system
Learn more: https://setproduct.com/system
Рынок дизайнерских инструментов в 3D тоже не стоит на месте https://youtu.be/0dC1ZRdf9JM
YouTube
Vectary 3.0 | What's new in the 3D design tool
We're very happy to release the newest and most polished version of Vectary with you. Read what's new: http://bit.ly/NewVectaryIsHere
1) First 3D and augmented reality CMS for the web - embed any 3D model to your website
2) New polished UI
3) 17 new generative…
1) First 3D and augmented reality CMS for the web - embed any 3D model to your website
2) New polished UI
3) 17 new generative…
Мне срочно нужны объяснения - что это за тулза и почему она так круто сделана? (по лучшим традициям Фигмовского ультраминимализма) https://www.2dimensions.com/a/moustafa/files/flare/new-file
2Dimensions
New File
Bring your apps and games to life with real-time animation. Flare is a powerful design and animation tool, which allows designers and developers to easily add high-quality animation to Flutter, iOS, Android, Unity, OpenGL, C++, C#, OpenTK, HTML, JS, and other…
Начинается движуха неофициального плагинизма к Фигме. Ну, Скетчисты, скоро вас уже ничего не удержит :) https://github.com/cdes . Официальных комментариев пока не было
GitHub
cdes - Overview
cdes has 49 repositories available. Follow their code on GitHub.
This media is not supported in your browser
VIEW IN TELEGRAM
Авторандомизатор контента в Фигме, например
Ну вот мы уже все про них и знаем: опенсорсят FigmaPlus два чела: араб и китаец. Второй - программист уровня "Бог", т.к. писал плагинизатор к Фигме на vue + react. И скорее всего сейчас в Microsoft. А первый - продуктовый дизайнер в 2010м году работал в Google. Что все это значит? Такие люди не профаны и в ближайшем времени за проектом будет интересно понаблюдать. Кто знает, возможно их свободные деньки уже сочтены и Фигма уже потирает ладоши взять парней под свой нативный кров?
Кажется создатель Sketch'a считал своим преимуществом, что разрабатывал софт на свои деньги и не брал инвестиций. Но завтра без этого им уже не выжить (вероятно), поэтому: https://techcrunch.com/2019/03/13/sketch-maker-of-popular-design-tools-just-landed-20-million-in-series-a-funding-from-benchmark-in-its-first-outside-round/
UPD: Обещают скоро полноценную коллаборацию, работу в браузере и еще много чего, что уже есть в Фигме :D
UPD: Обещают скоро полноценную коллаборацию, работу в браузере и еще много чего, что уже есть в Фигме :D
TechCrunch
Sketch, maker of popular design tools, just landed $20 million in Series A funding from Benchmark in its first outside round
You’ve probably noticed: Design has become central for many businesses that might have once considered it an afterthought. Indeed, with sales and marketing so thoroughly optimized at this point — and companies wondering how else to trounce the competition…
Тут опытный разработчик рассказывает от дизайн системе в Figma на тему фреймврока Clarity, зайдите поддержите, стримит впервые: https://www.youtube.com/watch?v=oCNhfX0cQIY
YouTube
Стрим для Фигмачата
Стрим про Vmware Clarity Design system и мой UI Kit для Фигмы
This media is not supported in your browser
VIEW IN TELEGRAM
Для тех кто устал от кривых бесплатных фреймворков, которые надо все равно допиливать до ума архитектурно, а потом еще несколько раз править визуальные UI косяки во множестве пикселей. Мы делаем material React-компоненты "из будущего". Вот например dropdown. Вроде бы ничего такого, но если по мелочи твикнуть каждый пиксель - получается интересная картинка.
Демку с выпадашками можно пощупать вот тут: https://figma-2-react.firebaseapp.com/inputs
Firebaseapp
Figma 2 React Material Design Kit
Examples of ready-to-use react components Material Design Kit created in Figma (https://gumroad.com/l/materialreact). Material Design kit for web & desktop apps from SetProduct (https://gumroad.com/a/930591859/ABgLa).
Анализ и фильтрация различной информации по своей теме (читай - дизайна и разработки продуктов) - это краеугольный камень шлифовки продуктового подхода, чтобы запускать проекты, которые будут нужны людям. Совершенно внезапно Material-UI выкладывает результаты опроса среди своих пользователей-разаботчиков и лично для нас это просто кладезь инфы: https://material-ui.com/blog/2019-developer-survey-results/
Material-Ui
2019 Material-UI Developer Survey results - Material-UI
Знаете как быстро проверить насколько обстоят дела с тем сервисом, платными услугами которого планируете начать пользоваться? Просто напишите любой вопрос в суппорт и посмотрите как быстро вам ответят... Уже только по этому показателю можно многое сказать о компании
Вашему вниманию предлагается потыкать в демку моего следующего продукта под Фигму - Material Website Toolkit. Торопитесь, пока там много народу ... Ну а я буду наблюдать за вами и собирать руками биг дату :) https://www.figma.com/file/jBV646FlsRf3jbhmguCSXD/Material-Website-Toolkit-Demo?node-id=258%3A891
Figma
Material Website Toolkit Demo
Created with Figma
И такое бывает в нашей повседневной творческо-продуктовой практике: http://joxi.net/E2pQ7oyS9K5wpA
Joxi – an easy-to-use and convenient screenshoter enabling you to exchange screenshots and files on a network
joxi_screenshot_1553004032333.png (179 kb) uploaded March 19, 2019 Joxi
made using Joxi.net