{"id":1375,"date":"2017-06-01T04:51:29","date_gmt":"2017-06-01T04:51:29","guid":{"rendered":"http:\/\/commarts.pleather.us\/2017\/06\/01\/framer-design-the-uiux-design-ultimate-tool\/"},"modified":"2017-06-01T04:51:29","modified_gmt":"2017-06-01T04:51:29","slug":"framer-design-the-uiux-design-ultimate-tool","status":"publish","type":"post","link":"https:\/\/blog.valdosta.edu\/m2\/2017\/06\/01\/framer-design-the-uiux-design-ultimate-tool\/","title":{"rendered":"Framer Design: The UI\/UX Design Ultimate Tool"},"content":{"rendered":"<p><span class=\"field field--name-title field--type-string field--label-hidden\">Framer Design: The UI\/UX Design Ultimate Tool <\/span><\/p>\n<div class=\"clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item\">\n<p>It\u2019s a great time to be a designer especially in terms of access to information, resources and tools to get our job done effectively. Today, to make things even more exciting, the lovely people from Framer launched <a href=\"https:\/\/framer.com\/\" rel=\"nofollow\">Framer Design<\/a>. In my opinion, this is the new standard for UI\/UX design tools. The reason I am so adamant about my statement is because it brings design and code closer together than ever before. It\u2019s not a coding tool that does design so so, it can be used as a design tool solely and beautifully, but it magically allows you to create prototypes right there as you would expect if you used <a href=\"https:\/\/framer.com\/\" rel=\"nofollow\">Framer<\/a> before.<\/p>\n<h2>Details on this awesome\u00a0UI\/UX Design tool<\/h2>\n<\/p>\n<p>The new graphics mode offers a way to draw your designs directly in Framer, with a full-featured toolkit and device-specific artboards. But where Framer Design really excels is in its auto-layout functions, built specifically for responsive interface design. Once artboards are complete, a designer can then simply switch over to Code mode and insert pre-made interaction patterns or create multi-screen app flows. Programming logic still powers much of how the Code editor works, but for the most part, it\u2019s wrapped in customizable snippets and a WYSIWYG interface.<\/p>\n<blockquote>\n<p>\u201cEven as a web app, it feels smoother than native. It&#8217;s solid, does what you expect it to do and then some. I especially like the auto-aligning and responsive settings. I foresee a bright future for Framer.\u201d &#8211; Tim Van Damme, Head of Design at Abstract<\/p>\n<\/blockquote>\n<p>This launch marks a pivotal point in the design space, opening up the power of code-based prototyping to the masses. Within the past year alone, Framer has increased its Enterprise accounts by tenfold, onboarding entire product teams at tech giants like Google, Facebook, Amazon and Uber to corporate companies like Barclays and SAP, as well as agencies like Huge, Work &amp; Co. and Frog.\u00a0To cater to the specific demands of cross-collaborative teams, Framer has also built an entire Cloud collaborative workflow, providing enterprise-level security and access via the client\u2019s own SSO services. Other team workflow features include a full access management panel with version control, built-in project invites and real-time design updates for team members.<\/p>\n<p>I have been playing with it for the past week and I have to say, Framer is on to something here. As a design tool alone Framer is very impressive. It\u2019s fast and has pretty much feature parity with the competition. Now add on top of that the Framer Studio and resources already available for prototyping. That explains why I think this is a big deal.<\/p>\n<p>I have been designing and coding for the past 15 years and I always had the desire to have one tool to rule them all. This may or may not be the silver bullet but the most important thing is that Framer is setting the bar for what a product design tool should be and do and that is great for all of us and the industry in general. \u00a0<\/p>\n<h3>How major companies use Framer<\/h3>\n<p dir=\"ltr\">Because Framer is a browser-based app, the tool allows for unparalleled flexibility when it comes to integrations, modules and third-party apps. \u00a0<\/p>\n<ul>\n<li>Uber uses Framer + Mapbox to<a href=\"https:\/\/dribbble.com\/shots\/3450593-Framer-Mapbox\" rel=\"nofollow\"> design with real data <\/a>and <a href=\"https:\/\/www.uber.design\/case-studies\/the-new-uber-app\" rel=\"nofollow\">reimagine their app<\/a><\/li>\n<li>Facebook <a href=\"https:\/\/share.framerjs.com\/o9q9dynf25sl\/\" rel=\"nofollow\">used Framer to prototype FB Live Video<\/a><\/li>\n<li>Lonely Planet <a href=\"https:\/\/dribbble.com\/shots\/3241533-Lonely-Planet-HP-Marquee-exploration\" rel=\"nofollow\">redesigned their website experience using Framer<\/a><\/li>\n<li>Dropbox <a href=\"https:\/\/dribbble.com\/shots\/2294856-Dropbox-Paper\" rel=\"nofollow\">used Framer to conceptualize Paper<\/a><\/li>\n<li>EA uses <a href=\"https:\/\/blog.framer.com\/designing-building-ui-prototypes-tailored-for-gamepad-environments-acc80ebca852?source=collection_home---4------1-----------\" rel=\"nofollow\">Framer to design for Battlefield on gamepad\/console<\/a><\/li>\n<li>Classpass <a href=\"https:\/\/dribbble.com\/shots\/2768400-ClassPass-Onboarding\" rel=\"nofollow\">uses Framer to design their mobile app experience<\/a><\/li>\n<li>Work &amp; Co. <a href=\"https:\/\/blog.framer.com\/powering-design-agency-workflows-63f3dd8faf0c\" rel=\"nofollow\">uses Framer to prototype for clients like Marriott, Youtube and Jigsaw<\/a><\/li>\n<li>Yandex<a href=\"https:\/\/dribbble.com\/shots\/2994758-Yandex-Zen-Onboarding\" rel=\"nofollow\"> uses Framer to prototype mobile onboarding flows<\/a><\/li>\n<li>Deliveroo <a href=\"https:\/\/blog.framer.com\/deliveroo-x-framer-one-month-in-c791d0589e10\" rel=\"nofollow\">onboarded their entire design team onto Framer<\/a><\/li>\n<li>Google <a href=\"https:\/\/share.framerjs.com\/jqsnqaz1vgon\/\" rel=\"nofollow\">used Framer to design Google Gboard<\/a><\/li>\n<li>Twitter <a href=\"https:\/\/paulstamatiou.com\/twitter-video\/\" rel=\"nofollow\">used Framer to prototype Twitter Videos<\/a><\/li>\n<\/ul>\n<p>For more information check out\u00a0<a href=\"https:\/\/framer.com\/\" rel=\"nofollow\">https:\/\/framer.com\/<\/a><\/p>\n<\/div>\n<p>      <span class=\"field field--name-uid field--type-entity-reference field--label-hidden\"><a title=\"View user profile.\" href=\"http:\/\/abduzeedo.com\/profile\/abduzeedo\" class=\"username\">abduzeedo<\/a><\/span><br \/>\n<span class=\"field field--name-created field--type-created field--label-hidden\">Jun 01, 2017<\/span><\/p>\n<div class=\"field field--name-field-tags field--type-entity-reference field--label-hidden field__items\">\n<div class=\"field__item\"><a href=\"http:\/\/abduzeedo.com\/tags\/design-tools\">design tools<\/a><\/div>\n<div class=\"field__item\"><a href=\"http:\/\/abduzeedo.com\/tags\/tools\">tools<\/a><\/div>\n<div class=\"field__item\"><a href=\"http:\/\/abduzeedo.com\/tags\/uiux\">UI\/UX<\/a><\/div><\/div>\n<p>Source: Abduzeedo UI\/UX<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Framer Design: The UI\/UX Design Ultimate Tool It\u2019s a great time to be a designer especially in terms of access to&#8230;<\/p>\n","protected":false},"author":245,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_oasis_is_in_workflow":0,"_oasis_original":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_vp_format_video_url":"","_vp_image_focal_point":[],"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1],"tags":[44],"class_list":["post-1375","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-camera"],"acf":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paqOTj-mb","_links":{"self":[{"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/posts\/1375","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/users\/245"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/comments?post=1375"}],"version-history":[{"count":0,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/posts\/1375\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/media?parent=1375"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/categories?post=1375"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/tags?post=1375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}