Полезное дизайнеру

https://canvasui.dev/

https://habr.com/ru/articles/1061734/

https://commerce.design/

https://feralui.dev/

https://text-effects.colorion.co/

https://amicro.vercel.app/

https://namethatui.com/

https://kinetics.colorion.co/

https://designengineer.tools/

https://habr.com/ru/articles/1018654/

Image-to-video for Wan 2.6. Animate a repeating activation pulse over 5 seconds: a soft inner light ignites at the center of the button, expands outward into a glowing ring, then dissolves into the ambient glow. Immediately after, the button returns to its neutral glow state before the next pulse begins. Preserve all UI elements and typography. Perfect looping.

https://habr.com/ru/articles/984140/

Новое направление в дизайне - searchralism!

Дальше придаю ему второе дыхание: беру видео модельку WAN 2.6 и кормлю этим промптом: Image-to-video. Use the provided image as a locked background plate. Do not change camera angle, framing, or UI layout. Animate the glowing slider thumb moving smoothly from the left position toward the right end (about 80% of the track), then gently snapping back to the starting point with soft easing. The glow follows the thumb, and the reflection on the surface below shifts subtly in sync. Keep all text (“Apply Filters”, “Slare”, “Pesniter”) sharp and unchanged. No new elements, no camera motion. Seamless loop, 2.5 seconds. Готово! Я офигел – даже рефлекс от кноба синхронно “скользит” по полу.

Зашёл как-то на Pinterest вот этот ИИ-шотик. Слайдер, светится красиво, ещё и отблеск внизу. Вроде и 3D, вроде и морфизм какой-то. И неважно, что там нижние плейсхолдеры корявИИе. Это легко замазывается, если надо. Факт: Pinterest его везде крутит, и когда ты пойдешь за вдохновением – алгоритм его тебе подсунет. А алгоритму веднее, метрики не врут. Он стал популярным.

Затем беру модельку для видео генерации Wan 2.6 и приделываю к кнопке палец-нажималец с помощью промпта: Image-to-video. Keep the exact composition and background unchanged. Animate a tactile press on the green “Submit” button: it compresses slightly, then a soft ripple travels across the button surface, contained within the rounded square shape (no spill). The ripple subtly distorts specular highlights only. Shadow contracts on press and expands on release. Return to the original frame cleanly for a seamless loop. Text stays identical and readable. No camera movement.

Была вот такая AI-кнопочка, сгенерирована в модели Qwen Image. Промпт: Frontal desktop interface with a clean white canvas displaying a large, sharp-cornered square button labeled "Submit". The button features 90-degree angles, thick padding, and bold black text. It uses a vibrant green gradient, inner shadow for depth, and high contrast. The visual weight makes it feel tactile and highly clickable. Center it within a card or dialog. Surrounding elements -- title, inputs, text -- are softly blurred and semi-transparent to minimize distractions. Highlight the button's size and dominant press area relative to the layout. Include visual spacing to emphasize the generous click zone.

https://habr.com/ru/articles/978384/