{"id":3884,"date":"2020-03-31T10:31:54","date_gmt":"2020-03-31T08:31:54","guid":{"rendered":"https:\/\/www.supermonitoring.pl\/blogpl\/?p=3884"},"modified":"2020-09-18T11:07:01","modified_gmt":"2020-09-18T09:07:01","slug":"framer-blyskawiczne-prototypowanie","status":"publish","type":"post","link":"https:\/\/www.supermonitoring.pl\/blogpl\/framer-blyskawiczne-prototypowanie\/","title":{"rendered":"Framer \u2013 b\u0142yskawiczne prototypowanie Twoich projekt\u00f3w"},"content":{"rendered":"<p>B\u0142yskawiczne tworzenie prototyp\u00f3w jest potrzeb\u0105 chwili dla dzisiejszych designer\u00f3w, niezale\u017cnie od bran\u017cy. Wytyczne, jakie otrzymuj\u0105 designerzy, s\u0105 zwykle do\u015b\u0107 niejasne, a co za tym idzie, ko\u0144cowy projekt wymaga wiele \u017cmudnych poprawek.<\/p>\n<p><a href=\"https:\/\/www.framer.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2020\/03\/framer.png\" alt=\"Framer\" width=\"250\" height=\"250\" class=\"aligncenter size-full wp-image-3887\" style=\"border:1px solid silver;\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2020\/03\/framer.png 400w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2020\/03\/framer-300x300.png 300w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2020\/03\/framer-150x150.png 150w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2020\/03\/framer-200x200.png 200w\" sizes=\"auto, (max-width: 250px) 100vw, 250px\" \/><\/a><\/p>\n<p>Narz\u0119dzie do tworzenia prototyp\u00f3w wyposa\u017ca designer\u00f3w w \u015brodki niezb\u0119dne do skutecznej komunikacji i wsp\u00f3\u0142pracy z innymi zespo\u0142ami czy klientami. Jednym z takich narz\u0119dzi jest <a href=\"https:\/\/www.framer.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Framer<\/a>, stworzony z my\u015bl\u0105 o designerach UI\/UX [ang. User Interface\/User Experience]. Umo\u017cliwia im prezentowanie klientom swoich interaktywnych prototyp\u00f3w w efektywny spos\u00f3b. Framer pozwala designerom wyka\u0144cza\u0107 interaktywne elementy projekt\u00f3w w fazie prototypu zar\u00f3wno za pomoc\u0105 aplikacji komputerowych, jak i mobilnych.<\/p>\n<h2>Framer: Tw\u00f3rz i efektywnie finalizuj projekty<\/h2>\n<p>Framer to najprostszy spos\u00f3b na stworzenie pot\u0119\u017cnego, interaktywnego i ruchomego prototypu na potrzeby designer\u00f3w. To dobry spos\u00f3b, by p\u0142ynnie przej\u015b\u0107 z fazy prototypu do finalizacji projektu. Zamiast prezentacji papierowej wersji projektu, mamy mo\u017cliwo\u015b\u0107 dostarczy\u0107 klientowi interaktywny prototyp, kt\u00f3ry mog\u0105 dowolnie odtwarza\u0107 i wyra\u017ca\u0107 opinie na jego temat. Framer pozwala dokona\u0107 tego wszystkiego dzi\u0119ki wielu, zr\u00f3\u017cnicowanym funkcjom.<\/p>\n<ul>\n<li>Prototypy tworzy si\u0119 bez konieczno\u015bci tworzenia nawet linijki kodu. Je\u015bli jednak u\u017cytkownik zna si\u0119 na kodowaniu, Framer pozwala zanurzy\u0107 si\u0119 g\u0142\u0119biej w meandry tworzenia UI, by nanosi\u0107 w\u0142asne poprawki.<\/li>\n<li>Narz\u0119dzia do dodawania zr\u00f3\u017cnicowanych, mo\u017cliwych do edycji motyw\u00f3w i element\u00f3w projektu s\u0105 \u0142atwe w obs\u0142udze.<\/li>\n<li>P\u0142ynne sterowanie projektem i przej\u015bcia w wysoko\u015bci 60 fps-\u00f3w to niesko\u0144czone pole mo\u017cliwo\u015bci.<\/li>\n<li>Przej\u015bcia pomi\u0119dzy stronami osi\u0105gn\u0119\u0142y zupe\u0142nie nowy poziom: Mo\u017cliwo\u015b\u0107 w\u0142asnego doboru kierunku i tempa sprawia, \u017ce przej\u015bcia mi\u0119dzy stronami osi\u0105gaj\u0105 zupe\u0142nie nowy poziom.<\/li>\n<li>Efekt poziomego i pionowego suwaka mo\u017ce by\u0107 zintegrowany z szablonem.<\/li>\n<li>Szeroki zakres element\u00f3w wizualnych pozytywnie wp\u0142ywa na satysfakcj\u0119 u\u017cytkownik\u00f3w. Framer posiada funkcje wzbogacania aplikacji o barwne elementy, jak na przyk\u0142ad animacje \u2014 a wszystko to za pomoc\u0105 prostej metody przeci\u0105gnij i upu\u015b\u0107.<\/li>\n<li>Gotowe komponenty: Suwaki, dynamiczne mapy, integracja z serwisem YouTube, a tak\u017ce wiele innych element\u00f3w, kt\u00f3re uczyni\u0105 nasz projekt ciekawszym.<\/li>\n<li>Zasoby potrzebne do projektu, a w tym ruchome mapy, zestawy UI, a tak\u017ce wiele innych element\u00f3w dost\u0119pnych jest w sklepie, dzi\u0119ki czemu nie musimy rozpoczyna\u0107 ca\u0142ej pracy od zera.<\/li>\n<\/ul>\n<h2>Jak to dzia\u0142a<\/h2>\n<p>Framer oferuje prosty interfejs, w kt\u00f3rym \u0142atwo mo\u017cna rozpocz\u0105\u0107 prac\u0119 nad nowym projektem:<\/p>\n<ol>\n<li>Z okienka g\u0142\u00f3wnego nale\u017cy wybra\u0107 \u201eNowy Projekt\u201d. Aby w nowym oknie otworzy\u0107 p\u0142\u00f3tno, wraz z rozbudowanym zestawem narz\u0119dzi i podgl\u0105dem na urz\u0105dzeniu, aby m\u00f3c na bie\u017c\u0105co analizowa\u0107 nasz projekt.<\/li>\n<li>P\u0142\u00f3tno pozwala przeci\u0105ga\u0107 elementy bezpo\u015brednio z zestawu narz\u0119dzi. Ponadto, mamy mo\u017cliwo\u015b\u0107 importu warto\u015bci wektor\u00f3w, aby rozpocz\u0105\u0107 prac\u0119 nad projektem.<\/li>\n<li>Prostym sposobem na rozpocz\u0119cie pierwszego projektu b\u0119dzie rozpocz\u0119cie pracy od gotowego szablonu aplikacji. Nale\u017cy nacisn\u0105\u0107 klawisz \u201eF\u201d, a otworzy si\u0119 lista gotowych szablon\u00f3w w postaci panelu wyboru z prawej strony okna.<\/li>\n<li>Aby rozpocz\u0105\u0107, nale\u017cy wybra\u0107 jeden z takich szablon\u00f3w; nazwijmy go naszym szablonem g\u0142\u00f3wnym. Mamy mo\u017cliwo\u015b\u0107 dowolnej zmiany rozmiaru w zale\u017cno\u015bci od potrzeb, w tym celu wystarczy jedynie przeci\u0105gn\u0105\u0107 kraw\u0119dzie. Dodatkowo mo\u017cemy dowolnie przesuwa\u0107 szablon i powi\u0119ksza\u0107 konkretne jego obszary, za pomoc\u0105 skr\u00f3t\u00f3w klawiszowych lub wyboru myszy.<\/li>\n<li>Nast\u0119pnie mamy mo\u017cliwo\u015b\u0107 uzupe\u0142nienia naszego g\u0142\u00f3wnego szablonu w elementy takie jak symbole lub tekst, dost\u0119pne w zestawie narz\u0119dzi, w lewym panelu p\u0142\u00f3tna. Dodane kszta\u0142ty i elementy mog\u0105 by\u0107 wype\u0142nione kolorem w ramach interaktywnego projektu. Wype\u0142nienia te mog\u0105 przybra\u0107 form\u0119 gradientu lub nawet obrazu \u2014 zupe\u0142nie jak w innych narz\u0119dziach do edycji, takich jak Photoshop.<\/li>\n<li>P\u0142\u00f3tna wyposa\u017cone s\u0105 te\u017c w inteligentn\u0105 siatk\u0119, kt\u00f3ra mo\u017ce by\u0107 wykorzystana do przypisywania element\u00f3w do projektu. G\u0142\u00f3wny szablon mo\u017cna wype\u0142ni\u0107 z pomoc\u0105 kilku r\u00f3\u017cnych, wbudowanych szablon\u00f3w, obraz\u00f3w i interaktywnych element\u00f3w, w zale\u017cno\u015bci od potrzeb.<\/li>\n<li>Nast\u0119pnie, do naszego szablonu nale\u017cy doda\u0107 suwak. Dokonamy tego, buduj\u0105c warstw\u0119 szablonu, wystarczy wybra\u0107 obszar p\u0142\u00f3tna i stworzy\u0107 warstw\u0119 szablonu za pomoc\u0105 wklejania wielu szablon\u00f3w\/element\u00f3w.<\/li>\n<li>Kiedy ju\u017c to zrobimy, nale\u017cy wybra\u0107 suwak z interaktywnej listy narz\u0119dzi widocznej w lewym panelu, a nast\u0119pnie wskaza\u0107, w kt\u00f3rym miejscu szablonu g\u0142\u00f3wnego chcemy umie\u015bci\u0107 element. Nast\u0119pnie wystarczy jedynie do\u0142\u0105czy\u0107 opcj\u0119 wyboru suwaka wraz z warstw\u0105 szablonu, za pomoc\u0105 metody przeci\u0105gnij i upu\u015b\u0107.<\/li>\n<li>W ten spos\u00f3b mamy ju\u017c nasz\u0105 pierwsz\u0105, prost\u0105 aplikacj\u0119 interaktywn\u0105, za pomoc\u0105 kt\u00f3rej mamy mo\u017cliwo\u015b\u0107 analizy i podgl\u0105du p\u0142\u00f3tna. Aplikacj\u0105 sterujemy za pomoc\u0105 kursora myszy. Mamy te\u017c mo\u017cliwo\u015b\u0107 eksperyment\u00f3w z innymi elementami.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2020\/03\/framer-screenshot.png\" alt=\"Framer - zrzut ekranu\" width=\"1100\" height=\"619\" class=\"aligncenter size-full wp-image-3888\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2020\/03\/framer-screenshot.png 1100w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2020\/03\/framer-screenshot-300x169.png 300w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2020\/03\/framer-screenshot-1024x576.png 1024w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2020\/03\/framer-screenshot-768x432.png 768w\" sizes=\"auto, (max-width: 1100px) 100vw, 1100px\" \/><\/p>\n<h2>Ocena Framera<\/h2>\n<h3>Zalety<\/h2>\n<ul>\n<li>Narz\u0119dzie tak \u0142atwe w instalacji i obs\u0142udze jak ka\u017cde inne narz\u0119dzie do edycji<\/li>\n<li>Wbudowane, zr\u00f3\u017cnicowane elementy, przy\u015bpieszaj\u0105ce tworzenie prototyp\u00f3w<\/li>\n<li>Przewaga nad statycznymi narz\u0119dziami do tworzenia projekt\u00f3w z suwakami, jak na przyk\u0142ad Photoshop<\/li>\n<li>Elementy projektu mog\u0105 by\u0107 eksportowane i wykorzystane ponownie w ramach innych projekt\u00f3w<\/li>\n<li>Budowa aplikacji kompatybilna ze wszystkimi typami urz\u0105dze\u0144 i platform jak komputery, telefony czy tablety.<\/li>\n<li>Dobra komunikacja ze spo\u0142eczno\u015bci\u0105 online<\/li>\n<li>Rozbudowane wsparcie bibliotek<\/li>\n<li>Sklep Frame X z widgetami UI<\/li>\n<\/ul>\n<h3>Wady<\/h3>\n<ul>\n<li>Umiej\u0119tno\u015b\u0107 kodowania mo\u017ce by\u0107 konieczna, by radzi\u0107 sobie w niekt\u00f3rych przypadkach<\/li>\n<li>Personalizacja gotowych element\u00f3w mo\u017ce by\u0107 czasoch\u0142onna<\/li>\n<li>Gotowe elementy maj\u0105 ograniczon\u0105 mo\u017cliwo\u015b\u0107 kreatywnych rozwi\u0105za\u0144<\/li>\n<li>W celu uzyskania zadowalaj\u0105cego efektu mo\u017ce by\u0107 konieczna personalizacja<\/li>\n<\/ul>\n<h2>Ostateczny werdykt<\/h2>\n<p>Framer to \u015bwietne rozwi\u0105zanie dla designer\u00f3w, kt\u00f3rzy maj\u0105 ju\u017c do\u015b\u0107 konwencjonalnych metod finalizacji projektu, wymagaj\u0105cych serii spotka\u0144 i sesji wsp\u00f3\u0142pracy pomi\u0119dzy zespo\u0142ami i klientem.  Za pomoc\u0105 Framer mamy dost\u0119p do interaktywnych aplikacji, nawet w fazie prototypu i finalizacji wa\u017cnych element\u00f3w projektu.<\/p>\n<p>Jednak\u017ce chc\u0105c stworzy\u0107 bogaty, interaktywny projekt w aplikacji, powinni\u015bmy rozwa\u017cy\u0107 personalizacj\u0119 i wykorzystanie r\u00f3\u017cnych narz\u0119dzi, dzi\u0119ki czemu nasze prace b\u0119d\u0105 zr\u00f3\u017cnicowane. To dlatego, \u017ce Framer posiada jedynie ograniczony pakiet gotowych element\u00f3w.<\/p>\n<p>W ostatecznym rozrachunku narz\u0119dzie to \u015bwietnie spe\u0142nia swoje zadanie, jakim jest tworzenie prototyp\u00f3w projekt\u00f3w i prezentacja koncept\u00f3w w formie aplikacji.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Framer to najprostszy spos\u00f3b na stworzenie pot\u0119\u017cnego, interaktywnego i ruchomego prototypu na potrzeby designer\u00f3w. To dobry spos\u00f3b, by p\u0142ynnie przej\u015b\u0107 z fazy prototypu do finalizacji projektu.<\/p>\n","protected":false},"author":1,"featured_media":3887,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[50],"tags":[410,283,284],"class_list":["post-3884","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design","tag-prototypowanie","tag-ui","tag-ux"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Framer \u2013 b\u0142yskawiczne prototypowanie Twoich projekt\u00f3w<\/title>\n<meta name=\"description\" content=\"Framer to najprostszy spos\u00f3b na stworzenie pot\u0119\u017cnego, interaktywnego i ruchomego prototypu na potrzeby designer\u00f3w. To dobry spos\u00f3b, by p\u0142ynnie przej\u015b\u0107 z fazy prototypu do finalizacji projektu.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.supermonitoring.pl\/blogpl\/framer-blyskawiczne-prototypowanie\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Framer \u2013 b\u0142yskawiczne prototypowanie Twoich projekt\u00f3w\" \/>\n<meta property=\"og:description\" content=\"Framer to najprostszy spos\u00f3b na stworzenie pot\u0119\u017cnego, interaktywnego i ruchomego prototypu na potrzeby designer\u00f3w. To dobry spos\u00f3b, by p\u0142ynnie przej\u015b\u0107 z fazy prototypu do finalizacji projektu.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.supermonitoring.pl\/blogpl\/framer-blyskawiczne-prototypowanie\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Super Monitoring\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/monitoring.stron\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-31T08:31:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-18T09:07:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2020\/03\/framer.png\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Superbohater\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MonitoringStron\" \/>\n<meta name=\"twitter:site\" content=\"@MonitoringStron\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Superbohater\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/framer-blyskawiczne-prototypowanie\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/framer-blyskawiczne-prototypowanie\\\/\"},\"author\":{\"name\":\"Superbohater\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#\\\/schema\\\/person\\\/c544e69de73e4efe734b43dcbcefbfca\"},\"headline\":\"Framer \u2013 b\u0142yskawiczne prototypowanie Twoich projekt\u00f3w\",\"datePublished\":\"2020-03-31T08:31:54+00:00\",\"dateModified\":\"2020-09-18T09:07:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/framer-blyskawiczne-prototypowanie\\\/\"},\"wordCount\":1073,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/framer-blyskawiczne-prototypowanie\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/super-monitoring.com\\\/blogpl\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/framer.png\",\"keywords\":[\"prototypowanie\",\"ui\",\"ux\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/framer-blyskawiczne-prototypowanie\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/framer-blyskawiczne-prototypowanie\\\/\",\"url\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/framer-blyskawiczne-prototypowanie\\\/\",\"name\":\"Framer \u2013 b\u0142yskawiczne prototypowanie Twoich projekt\u00f3w\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/framer-blyskawiczne-prototypowanie\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/framer-blyskawiczne-prototypowanie\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/super-monitoring.com\\\/blogpl\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/framer.png\",\"datePublished\":\"2020-03-31T08:31:54+00:00\",\"dateModified\":\"2020-09-18T09:07:01+00:00\",\"description\":\"Framer to najprostszy spos\u00f3b na stworzenie pot\u0119\u017cnego, interaktywnego i ruchomego prototypu na potrzeby designer\u00f3w. To dobry spos\u00f3b, by p\u0142ynnie przej\u015b\u0107 z fazy prototypu do finalizacji projektu.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/framer-blyskawiczne-prototypowanie\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/framer-blyskawiczne-prototypowanie\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/framer-blyskawiczne-prototypowanie\\\/#primaryimage\",\"url\":\"https:\\\/\\\/super-monitoring.com\\\/blogpl\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/framer.png\",\"contentUrl\":\"https:\\\/\\\/super-monitoring.com\\\/blogpl\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/framer.png\",\"width\":400,\"height\":400,\"caption\":\"Framer\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/framer-blyskawiczne-prototypowanie\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Framer \u2013 b\u0142yskawiczne prototypowanie Twoich projekt\u00f3w\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#website\",\"url\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/\",\"name\":\"Blog Super Monitoring\",\"description\":\"Narz\u0119dzia i zasoby dla ludzi Internetu \ud83d\udee0\ufe0f\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#organization\",\"name\":\"Super Monitoring\",\"url\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/super-monitoring.com\\\/blogpl\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/supermonitoring-pionPL_400.png\",\"contentUrl\":\"https:\\\/\\\/super-monitoring.com\\\/blogpl\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/supermonitoring-pionPL_400.png\",\"width\":400,\"height\":400,\"caption\":\"Super Monitoring\"},\"image\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/monitoring.stron\",\"https:\\\/\\\/x.com\\\/MonitoringStron\",\"https:\\\/\\\/www.linkedin.com\\\/showcase\\\/super-monitoring\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#\\\/schema\\\/person\\\/c544e69de73e4efe734b43dcbcefbfca\",\"name\":\"Superbohater\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Framer \u2013 b\u0142yskawiczne prototypowanie Twoich projekt\u00f3w","description":"Framer to najprostszy spos\u00f3b na stworzenie pot\u0119\u017cnego, interaktywnego i ruchomego prototypu na potrzeby designer\u00f3w. To dobry spos\u00f3b, by p\u0142ynnie przej\u015b\u0107 z fazy prototypu do finalizacji projektu.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.supermonitoring.pl\/blogpl\/framer-blyskawiczne-prototypowanie\/","og_locale":"pl_PL","og_type":"article","og_title":"Framer \u2013 b\u0142yskawiczne prototypowanie Twoich projekt\u00f3w","og_description":"Framer to najprostszy spos\u00f3b na stworzenie pot\u0119\u017cnego, interaktywnego i ruchomego prototypu na potrzeby designer\u00f3w. To dobry spos\u00f3b, by p\u0142ynnie przej\u015b\u0107 z fazy prototypu do finalizacji projektu.","og_url":"https:\/\/www.supermonitoring.pl\/blogpl\/framer-blyskawiczne-prototypowanie\/","og_site_name":"Blog Super Monitoring","article_publisher":"https:\/\/www.facebook.com\/monitoring.stron","article_published_time":"2020-03-31T08:31:54+00:00","article_modified_time":"2020-09-18T09:07:01+00:00","og_image":[{"width":400,"height":400,"url":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2020\/03\/framer.png","type":"image\/png"}],"author":"Superbohater","twitter_card":"summary_large_image","twitter_creator":"@MonitoringStron","twitter_site":"@MonitoringStron","twitter_misc":{"Napisane przez":"Superbohater","Szacowany czas czytania":"5 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/framer-blyskawiczne-prototypowanie\/#article","isPartOf":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/framer-blyskawiczne-prototypowanie\/"},"author":{"name":"Superbohater","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#\/schema\/person\/c544e69de73e4efe734b43dcbcefbfca"},"headline":"Framer \u2013 b\u0142yskawiczne prototypowanie Twoich projekt\u00f3w","datePublished":"2020-03-31T08:31:54+00:00","dateModified":"2020-09-18T09:07:01+00:00","mainEntityOfPage":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/framer-blyskawiczne-prototypowanie\/"},"wordCount":1073,"commentCount":0,"publisher":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#organization"},"image":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/framer-blyskawiczne-prototypowanie\/#primaryimage"},"thumbnailUrl":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2020\/03\/framer.png","keywords":["prototypowanie","ui","ux"],"articleSection":["Web Design"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.supermonitoring.pl\/blogpl\/framer-blyskawiczne-prototypowanie\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/framer-blyskawiczne-prototypowanie\/","url":"https:\/\/www.supermonitoring.pl\/blogpl\/framer-blyskawiczne-prototypowanie\/","name":"Framer \u2013 b\u0142yskawiczne prototypowanie Twoich projekt\u00f3w","isPartOf":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/framer-blyskawiczne-prototypowanie\/#primaryimage"},"image":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/framer-blyskawiczne-prototypowanie\/#primaryimage"},"thumbnailUrl":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2020\/03\/framer.png","datePublished":"2020-03-31T08:31:54+00:00","dateModified":"2020-09-18T09:07:01+00:00","description":"Framer to najprostszy spos\u00f3b na stworzenie pot\u0119\u017cnego, interaktywnego i ruchomego prototypu na potrzeby designer\u00f3w. To dobry spos\u00f3b, by p\u0142ynnie przej\u015b\u0107 z fazy prototypu do finalizacji projektu.","breadcrumb":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/framer-blyskawiczne-prototypowanie\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.supermonitoring.pl\/blogpl\/framer-blyskawiczne-prototypowanie\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/framer-blyskawiczne-prototypowanie\/#primaryimage","url":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2020\/03\/framer.png","contentUrl":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2020\/03\/framer.png","width":400,"height":400,"caption":"Framer"},{"@type":"BreadcrumbList","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/framer-blyskawiczne-prototypowanie\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/www.supermonitoring.pl\/blogpl\/"},{"@type":"ListItem","position":2,"name":"Framer \u2013 b\u0142yskawiczne prototypowanie Twoich projekt\u00f3w"}]},{"@type":"WebSite","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#website","url":"https:\/\/www.supermonitoring.pl\/blogpl\/","name":"Blog Super Monitoring","description":"Narz\u0119dzia i zasoby dla ludzi Internetu \ud83d\udee0\ufe0f","publisher":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.supermonitoring.pl\/blogpl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#organization","name":"Super Monitoring","url":"https:\/\/www.supermonitoring.pl\/blogpl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#\/schema\/logo\/image\/","url":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2020\/11\/supermonitoring-pionPL_400.png","contentUrl":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2020\/11\/supermonitoring-pionPL_400.png","width":400,"height":400,"caption":"Super Monitoring"},"image":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/monitoring.stron","https:\/\/x.com\/MonitoringStron","https:\/\/www.linkedin.com\/showcase\/super-monitoring\/"]},{"@type":"Person","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#\/schema\/person\/c544e69de73e4efe734b43dcbcefbfca","name":"Superbohater"}]}},"_links":{"self":[{"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/posts\/3884","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/comments?post=3884"}],"version-history":[{"count":6,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/posts\/3884\/revisions"}],"predecessor-version":[{"id":3892,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/posts\/3884\/revisions\/3892"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/media\/3887"}],"wp:attachment":[{"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/media?parent=3884"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/categories?post=3884"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/tags?post=3884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}