TL;DR
- V0.dev potrafi całkowicie przeprojektować istniejący UI na podstawie zrzutu ekranu i promptu
- LottieFiles wprowadziło narzędzia AI do tworzenia animacji 2D, w tym Motion Copilot do automatycznego animowania grafik
- Spline oferuje generowanie obiektów i scen 3D z tekstu, działając jak „Figma dla 3D”
- Midjourney świetnie sprawdza się do tworzenia futurystycznych gradientów i tła dla projektów UI
- Modele językowe (Claude, ChatGPT, Perplexity) mogą pełnić rolę audytorów UX/UI, dając natychmiastowy feedback o projektach
Witam w dwudziestym ósmym wpisie z serii notatek z wartościowych materiałów technologicznych. W tej serii dzielę się uporządkowanymi informacjami z podcastów i nagrań, które uważam za szczególnie przydatne.Dzisiejsze notatki pochodzą z prezentacji o narzędziach AI dla projektantów UI w 2025 roku.
V0.dev – redesign UI za pomocą AI
V0.dev to narzędzie, które dosłownie potrafi przeprojektować interfejs za Ciebie. Proces jest zaskakująco prosty:
- Zrób zrzut ekranu istniejącego UI (np. strony internetowej jak Craigslist)
- Załaduj go do V0
- Dodaj prompt z wytycznymi do redesignu
- Narzędzie automatycznie wygeneruje nowy, w pełni zakodowany projekt
W materiale przytoczono przykładowy prompt:
„Redesign this website to follow a modern UX best practice. Prioritize clear visual hierarchy, improving spacing and a clearer navigation. Use a neutral color palette with subtle accents and modern typography.”
Rezultaty dla Craigslist były zdecydowanie lepsze – czystszy design, lepsza hierarchia wizualna i mniej chaosu. Autor zaznacza jednak, że „jeśli szukasz naprawdę dobrego UX, prawdopodobnie nadal warto skonsultować się z projektantem produktu”.
LottieFiles – AI do animacji 2D
LottieFiles to platforma do tworzenia animacji 2D (Lottie), które możesz wykorzystać na stronach czy w aplikacjach mobilnych. Twórcy LottieFiles wprowadzili trzy narzędzia AI usprawniające proces animacji:
- Motion Copilot – umożliwia napisanie promptu tekstowego opisującego różne części grafiki, a AI automatycznie je animuje. Według autora materiału sprawdza się dobrze dla prostych animacji, ale dla bardziej złożonych projektów polecane są nadal manualne narzędzia jak Jitter.
- Narzędzie do tworzenia grafiki wektorowej – pozwala wygenerować grafikę wektorową z opisu tekstowego (np. „osoba grająca w koszykówkę”).
- Motion AI – umożliwia animowanie wcześniej utworzonych grafik przy pomocy promptów.
Autor podcastu podkreśla, że dzięki tym narzędziom możesz tworzyć grafiki za pomocą jednego promptu, a następnie animować je za pomocą innego, bez konieczności wykonywania wielu prac manualnych.
Spline – narzędzie do tworzenia animacji 3D
Jeśli interesują Cię animacje 3D, warto sprawdzić Spline. Autor opisuje je jako „jedno z najlepszych narzędzi do tworzenia animacji 3D i interaktywnych” oraz porównuje je do „Figmy, ale dla 3D”.
Kluczowe informacje z podcastu:
- Autor używał Spline do tworzenia sekcji nagłówkowej dla poprzedniej wersji swojego portfolio
- Spline wprowadziło funkcje AI pozwalające generować obiekty i sceny 3D bezpośrednio z opisu tekstowego
- Możliwości AI w Spline są jeszcze na wczesnym etapie rozwoju
- Perspektywa tworzenia interaktywnych doświadczeń 3D działających na webie, iOS i Androidzie za pomocą promptów jest „szalona”
Midjourney – futurystyczne gradienty dla UI
W podcaście omówiono również nietypowe zastosowanie Midjourney. Narzędzie to, znane głównie z generowania obrazów, według autora doskonale sprawdza się także w tworzeniu „super czystych, futurystycznych gradientów”.
Według autora, autor używa Midjourney do tworzenia „eleganckich, wysokiej jakości, lekko technicznych estetyk” poprawiających ogólny wygląd i odczucia z jego stron. Wygenerowane obrazy można wykorzystać jako:
- Tło strony
- Sekcję nagłówkową
- Dowolny element kreatywny w UI
Modele językowe jako audytorzy UX/UI
Ostatnie omówione narzędzie to modele językowe takie jak ChatGPT, Perplexity i Claude. Co ciekawe, nie są to typowe narzędzia projektowe, ale można je wykorzystać do oceny interfejsów.
Proces opisany w podcaście:
- Załaduj zrzut ekranu swojego UI
- Napisz prompt wyjaśniający cel ekranu
- AI udzieli praktycznych wskazówek
Przykładowy prompt z materiału:
„Imagine you’re a UI designer. Review this screen and give me clear feedback on usability, visual hierarchy and aesthetics.”
Według autora, najlepszą funkcją tego podejścia jest możliwość:
- Przepuszczenia tego samego projektu przez różne narzędzia, aby uzyskać różne perspektywy
- Zebrania wszystkich informacji zwrotnych i przekazania ich do jednego narzędzia w celu stworzenia kompleksowego audytu UX/UI
Autor wyraźnie rekomenduje Claude jako najlepsze narzędzie do tworzenia takiego zbiorczego feedbacku.
Artykuł powstał na podstawie transkrypcji materiału wideo „AI tools for UI Design 2025„.