🎨 #50: Strona www live w kilkanaście minut
dziś chciałbym Cię zostawić tylko z jednym narzędziem. Jeszcze do niedawna - narzędziem do tworzenia prototypów. Ale ostatnio przeszło dużą przemianę.
Framer, bo to o nim mowa, może stać się nam bardzo pomocny...
Ciekawy artykuł na temat ostatniej przemiany:
Revisiting Framer: My thoughts on this latest iteration.
Sprawdziłem go ostatnio.
Zapowiada się bardzo ciekawie.
- Spróbuj sam i poeksperymentuj: framer.com
- Templatki, od których możemy zacząć - tutaj
- Zaciągaj ciekawe komponenty i rób "copy-paste" - tutaj
- Ich kanał YouTube z tutorialami i przykładami - tutaj
A tutaj parę smaczków...
Zobacz krótkie filmiki o tym, jakie efekty daje często kilka/kilkanaście minut pracy we Framerze.
Ale najpierw... React
Strona Framera składa się z komponentów. Możemy sobie utworzyć komponent Reactowy i używać go naszym projekcie. Idealnie rozwiązanie dla developera 🥳
Efekty i animacje WOW 🪄
Robi wrażenie... zobacz:
CMS 📄
Możemy zrobić tam np. bloga. Mamy dostępny prosty CMS.
Gotowe komponenty
Jak wygląda to zaciąganie gotowych komponentów?
Od Figmy do strony live w parę minut
Dzięki pluginowi możemy zaimportować nasze designy z Figmy do Framera. A jak już to mamy, to... wystarczy kliknąć Publish 🙂
Nie sprawdzałem jeszcze jak wygląda kwestia jakości wygenerowanych stron www pod kątem np.: SEO czy accessibility.
Ale na pewno warto się nim pobawić i sprawdzić możliwości już dzisiaj.
Może przyda Ci się do stworzenia np. prostego LP do zbadania rynku czy Twój następny pomysł na SaaSa jest dobry? 😎
To wszystko na dziś, dobrej zabawy!
Pozdrawiam i dobrego weekendu! 🥳 🚀
Mikołaj Waśkowski
uxowy.dev
Jeśli podoba Ci się to, co wysyłamy w uxowym, to jest duża szansa, że im też się spodoba 😉. Zapodaj tam link do ostatnich wysyłek i niech ogarniają ten UX/UI dla developera razem z Tobą!
Poprzednie wydania:
Jeśli jeszcze nie ma Cię na liście 🤔
Wysyłamy jeden email tygodniowo, w każdy piątek, o godz. 12:00.
Wartościowa wiedza o UI/UX dla developera może wylądować do Twojej skrzynki.