{"id":51802,"date":"2026-08-31T17:24:12","date_gmt":"2026-08-31T16:24:12","guid":{"rendered":"https:\/\/outline.villae.studio\/?p=51802"},"modified":"2026-09-24T17:05:36","modified_gmt":"2026-09-24T16:05:36","slug":"o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia","status":"publish","type":"post","link":"https:\/\/outline.villae.studio\/en\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\/","title":{"rendered":"E se o motion vier primeiro?"},"content":{"rendered":"<p class=\"wp-block-paragraph\">A constru\u00e7\u00e3o de uma identidade visual pode ser um trabalho, que em papel, \u00e9 f\u00e1cil de explicar, um log\u00f3tipo, uma tipografia, uma paleta de cores, algumas regras de composi\u00e7\u00e3o, um conjunto de elementos que, juntos, definia como uma marca deveria parecer. Mas gra\u00e7as as ferramentas digitais, as marcas j\u00e1 n\u00e3o vivem apenas em coisas que ficam paradas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vivem em websites, interfaces, v\u00eddeos, redes sociais, apresenta\u00e7\u00f5es, publicidade digital e experi\u00eancias que mudam constantemente. E, no entanto, continuamos muitas vezes a pensar nelas como imagens est\u00e1ticas \u00e0s quais acrescentamos movimento no fim.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Um projeto que me chamou bastante \u00e0 aten\u00e7\u00e3o, foi o rebrand do est\u00fadio Rsquare. Que a partir da\u00ed, come\u00e7ou a posicionar-se como &#8220;motion-driven design studio&#8221;, assumindo o motion n\u00e3o como um extra, mas como forma de pensar integrado no design.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c9 um projeto sustentado numa simples ideia de nada nunca fica quieto. Aqui o motion n\u00e3o \u00e9 apenas execu\u00e7\u00e3o, \u00e9 uma forma pensar como algo se vai sentir, como se vai comportar, interagir e comunicar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">E talvez seja precisamente a\u00ed que esteja a parte mais interessante deste projeto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Normalmente, o processo de branding \u00e9 constru\u00eddo a partir de um sistema relativamente linear. Come\u00e7amos pela identidade, definimos as suas aplica\u00e7\u00f5es e, mais tarde, pensamos em como o motion pode ser acrescentado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O problema \u00e9 que este percurso coloca o movimento numa posi\u00e7\u00e3o secund\u00e1ria. Primeiro existe a identidade; depois pensamos em como a fazer mexer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No rebrand da Rsquare, a l\u00f3gica parece ser outra.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A identidade foi pensada para poder expandir-se, transformar-se e comportar-se de diferentes maneiras. A tipografia n\u00e3o funciona apenas como wordmark. As suas pr\u00f3prias formas e espa\u00e7os negativos tornam-se mat\u00e9ria-prima para construir elementos gr\u00e1ficos que se combinam, transformam e d\u00e3o origem a um sistema pensado para se mexer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A diferen\u00e7a pode parecer subtil, mas muda a forma como pensamos uma identidade.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O movimento deixa de ser apenas uma maneira de comunicar uma identidade j\u00e1 definida e passa a fazer parte da pr\u00f3pria identidade.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 864 \/ 1080;\" width=\"864\" controls src=\"https:\/\/outline.villae.studio\/wp-content\/uploads\/2026\/08\/A-To-3Shapes-864-1080.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>Uma marca tamb\u00e9m comunica atrav\u00e9s da forma como se move<\/em><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Uma forma pode ser r\u00edgida ou el\u00e1stica. Uma transi\u00e7\u00e3o pode ser agressiva ou delicada. Um elemento pode aparecer de repente ou ocupar lentamente o espa\u00e7o. Uma tipografia pode expandir-se, contrair-se, desaparecer ou reagir.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Todas estas decis\u00f5es comunicam.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de lermos uma palavra ou reconhecermos um s\u00edmbolo, j\u00e1 existe uma sensa\u00e7\u00e3o criada pelo movimento. O ritmo, a velocidade, o timing e a forma como os elementos se relacionam entre si influenciam a maneira como interpretamos aquilo que estamos a ver.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por vezes parece redutor falar de motion design apenas como \u201cdar vida\u201d a uma identidade.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Uma marca n\u00e3o ganha vida porque o logo roda durante tr\u00eas segundos. Ganha personalidade quando existe uma l\u00f3gica por tr\u00e1s da forma como aparece, reage e se transforma.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O pr\u00f3prio est\u00fadio parece levar esta ideia para al\u00e9m da anima\u00e7\u00e3o. O website \u00e9 tratado como uma esp\u00e9cie de espa\u00e7o vivo da marca, com micro-intera\u00e7\u00f5es, transi\u00e7\u00f5es, formas e elementos que podem continuar a evoluir. O site em si \u00e9 apresentado como um objeto que n\u00e3o est\u00e1 acabado, n\u00e3o est\u00e1 quieto. \u00c9 pensado para acompanhar a evolu\u00e7\u00e3o do est\u00fadio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c9 a\u00ed que o motion deixa de ser apenas anima\u00e7\u00e3o e passa a ser uma ferramenta de comunica\u00e7\u00e3o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O pr\u00f3prio est\u00fadio parece levar esta ideia para al\u00e9m da anima\u00e7\u00e3o. O website \u00e9 tratado como um espa\u00e7o vivo da marca, com microintera\u00e7\u00f5es, transi\u00e7\u00f5es, formas e elementos que continuam a evoluir. N\u00e3o \u00e9 pensado como um objeto completamente acabado, mas como algo capaz de acompanhar a evolu\u00e7\u00e3o do pr\u00f3prio est\u00fadio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">E talvez esta seja uma das ideias que mais me interessou neste projeto: usar o motion como base para pensar o design, e n\u00e3o apenas como uma ferramenta para o executar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>Motion como ferramenta conceptual<\/em><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pensar em anima\u00e7\u00e3o obriga-nos a fazer perguntas que n\u00e3o existem da mesma forma numa composi\u00e7\u00e3o est\u00e1tica.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O que acontece primeiro? O que vem depois? Como \u00e9 que dois elementos se relacionam quando est\u00e3o em movimento? Quanto tempo deve durar uma transi\u00e7\u00e3o? O que acontece quando uma forma muda de escala? Em que momento \u00e9 que o movimento deixa de ser apenas visual e come\u00e7a realmente a contribuir para a comunica\u00e7\u00e3o?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O timing, o ritmo e as transforma\u00e7\u00f5es passam a fazer parte do processo de decis\u00e3o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Em vez de analisarmos apenas onde cada elemento est\u00e1, come\u00e7amos a pensar no que acontece entre cada posi\u00e7\u00e3o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">E talvez seja essa uma das maiores contribui\u00e7\u00f5es do motion para o branding, obrigar-nos a pensar numa identidade n\u00e3o apenas como um conjunto de elementos, mas como um sistema de rela\u00e7\u00f5es.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>Consist\u00eancia n\u00e3o \u00e9 repeti\u00e7\u00e3o<\/em><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">N\u00e3o acho que o branding deva abandonar a consist\u00eancia. Pelo contr\u00e1rio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A quest\u00e3o talvez seja perceber como \u00e9 que uma identidade pode ser consistente sem ser repetitiva.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Uma marca pode mudar de forma sem deixar de ser reconhec\u00edvel. Pode adaptar-se a diferentes contextos sem perder a sua identidade. Pode ter diferentes express\u00f5es sem parecer que estamos perante marcas diferentes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para isso, talvez seja mais importante definir princ\u00edpios do que definir resultados.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">E \u00e9 aqui que o rebrand da Rsquare se torna particularmente interessante. N\u00e3o parece querer simplesmente adicionar movimento ao branding. Pelo contr\u00e1rio, parece querer construir o branding a partir do movimento.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Essa diferen\u00e7a pode parecer apenas uma quest\u00e3o de processo, mas acaba por alterar o resultado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se pensarmos numa identidade desde o in\u00edcio como algo que pode mudar, reagir e transformar-se, o motion deixa de ser uma etapa final e passa a influenciar as pr\u00f3prias decis\u00f5es de design.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No fundo, talvez a pergunta j\u00e1 n\u00e3o seja apenas:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u201cComo deve esta marca parecer?\u201d<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mas tamb\u00e9m:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u201cComo deve esta marca comportar-se?\u201d<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Uma marca pode estar impressa numa parede, num cart\u00e3o ou num outdoor. Mas passa cada vez mais tempo dentro de um ecr\u00e3.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">E, num ecr\u00e3, uma marca nunca est\u00e1 realmente quieta.<\/p>","protected":false},"excerpt":{"rendered":"<p>A constru\u00e7\u00e3o de uma identidade visual pode ser um trabalho, que em papel, \u00e9 f\u00e1cil de explicar, um log\u00f3tipo, uma tipografia, uma paleta de cores, algumas regras de composi\u00e7\u00e3o, um conjunto de elementos que, juntos, definia como uma marca deveria parecer. Mas gra\u00e7as as ferramentas digitais, as marcas j\u00e1 n\u00e3o vivem apenas em coisas que [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":52589,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[296,297],"tags":[],"autor":[290],"class_list":["post-51802","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-tech","autor-edgar"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>E se o motion vier primeiro? - Outline<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/outline.villae.studio\/en\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"E se o motion vier primeiro? - Outline\" \/>\n<meta property=\"og:description\" content=\"A constru\u00e7\u00e3o de uma identidade visual pode ser um trabalho, que em papel, \u00e9 f\u00e1cil de explicar, um log\u00f3tipo, uma tipografia, uma paleta de cores, algumas regras de composi\u00e7\u00e3o, um conjunto de elementos que, juntos, definia como uma marca deveria parecer. Mas gra\u00e7as as ferramentas digitais, as marcas j\u00e1 n\u00e3o vivem apenas em coisas que [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/outline.villae.studio\/en\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\/\" \/>\n<meta property=\"og:site_name\" content=\"Outline\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-31T16:24:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-24T16:05:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/outline.villae.studio\/wp-content\/uploads\/2026\/08\/Captura-de-ecra-2026-09-24-as-17.03.18.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1260\" \/>\n\t<meta property=\"og:image:height\" content=\"1596\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"S\u00e9rgio Ferreira\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"S\u00e9rgio Ferreira\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/outline.villae.studio\\\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/outline.villae.studio\\\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\\\/\"},\"author\":{\"name\":\"S\u00e9rgio Ferreira\",\"@id\":\"https:\\\/\\\/outline.villae.studio\\\/#\\\/schema\\\/person\\\/846d00bb15b3ecf290ed680c149dee31\"},\"headline\":\"E se o motion vier primeiro?\",\"datePublished\":\"2026-08-31T16:24:12+00:00\",\"dateModified\":\"2026-09-24T16:05:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/outline.villae.studio\\\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\\\/\"},\"wordCount\":1048,\"publisher\":{\"@id\":\"https:\\\/\\\/outline.villae.studio\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/outline.villae.studio\\\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/outline.villae.studio\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Captura-de-ecra-2026-09-24-as-17.03.18.png\",\"articleSection\":[\"Design\",\"Tech\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/outline.villae.studio\\\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\\\/\",\"url\":\"https:\\\/\\\/outline.villae.studio\\\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\\\/\",\"name\":\"E se o motion vier primeiro? - Outline\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/outline.villae.studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/outline.villae.studio\\\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/outline.villae.studio\\\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/outline.villae.studio\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Captura-de-ecra-2026-09-24-as-17.03.18.png\",\"datePublished\":\"2026-08-31T16:24:12+00:00\",\"dateModified\":\"2026-09-24T16:05:36+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/outline.villae.studio\\\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/outline.villae.studio\\\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/outline.villae.studio\\\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\\\/#primaryimage\",\"url\":\"https:\\\/\\\/outline.villae.studio\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Captura-de-ecra-2026-09-24-as-17.03.18.png\",\"contentUrl\":\"https:\\\/\\\/outline.villae.studio\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Captura-de-ecra-2026-09-24-as-17.03.18.png\",\"width\":1260,\"height\":1596},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/outline.villae.studio\\\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/outline.villae.studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"E se o motion vier primeiro?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/outline.villae.studio\\\/#website\",\"url\":\"https:\\\/\\\/outline.villae.studio\\\/\",\"name\":\"Villae Studio\",\"description\":\"Plataforma de Curadoria da Villae Studio\",\"publisher\":{\"@id\":\"https:\\\/\\\/outline.villae.studio\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/outline.villae.studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/outline.villae.studio\\\/#organization\",\"name\":\"Villae Studio\",\"url\":\"https:\\\/\\\/outline.villae.studio\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/outline.villae.studio\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/outline.villae.studio\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/cropped-lOGO1-01.png\",\"contentUrl\":\"https:\\\/\\\/outline.villae.studio\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/cropped-lOGO1-01.png\",\"width\":512,\"height\":512,\"caption\":\"Villae Studio\"},\"image\":{\"@id\":\"https:\\\/\\\/outline.villae.studio\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/outline.villae.studio\\\/#\\\/schema\\\/person\\\/846d00bb15b3ecf290ed680c149dee31\",\"name\":\"S\u00e9rgio Ferreira\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2fcef9c66390581e2c34388b3f2d214572b347d8ee64b94c6364577935d39b1a?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2fcef9c66390581e2c34388b3f2d214572b347d8ee64b94c6364577935d39b1a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/2fcef9c66390581e2c34388b3f2d214572b347d8ee64b94c6364577935d39b1a?s=96&d=mm&r=g\",\"caption\":\"S\u00e9rgio Ferreira\"},\"sameAs\":[\"https:\\\/\\\/villae.studio\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"E se o motion vier primeiro? - Outline","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:\/\/outline.villae.studio\/en\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\/","og_locale":"en_GB","og_type":"article","og_title":"E se o motion vier primeiro? - Outline","og_description":"A constru\u00e7\u00e3o de uma identidade visual pode ser um trabalho, que em papel, \u00e9 f\u00e1cil de explicar, um log\u00f3tipo, uma tipografia, uma paleta de cores, algumas regras de composi\u00e7\u00e3o, um conjunto de elementos que, juntos, definia como uma marca deveria parecer. Mas gra\u00e7as as ferramentas digitais, as marcas j\u00e1 n\u00e3o vivem apenas em coisas que [&hellip;]","og_url":"https:\/\/outline.villae.studio\/en\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\/","og_site_name":"Outline","article_published_time":"2026-08-31T16:24:12+00:00","article_modified_time":"2026-09-24T16:05:36+00:00","og_image":[{"width":1260,"height":1596,"url":"https:\/\/outline.villae.studio\/wp-content\/uploads\/2026\/08\/Captura-de-ecra-2026-09-24-as-17.03.18.png","type":"image\/png"}],"author":"S\u00e9rgio Ferreira","twitter_card":"summary_large_image","twitter_misc":{"Written by":"S\u00e9rgio Ferreira","Estimated reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/outline.villae.studio\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\/#article","isPartOf":{"@id":"https:\/\/outline.villae.studio\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\/"},"author":{"name":"S\u00e9rgio Ferreira","@id":"https:\/\/outline.villae.studio\/#\/schema\/person\/846d00bb15b3ecf290ed680c149dee31"},"headline":"E se o motion vier primeiro?","datePublished":"2026-08-31T16:24:12+00:00","dateModified":"2026-09-24T16:05:36+00:00","mainEntityOfPage":{"@id":"https:\/\/outline.villae.studio\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\/"},"wordCount":1048,"publisher":{"@id":"https:\/\/outline.villae.studio\/#organization"},"image":{"@id":"https:\/\/outline.villae.studio\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\/#primaryimage"},"thumbnailUrl":"https:\/\/outline.villae.studio\/wp-content\/uploads\/2026\/08\/Captura-de-ecra-2026-09-24-as-17.03.18.png","articleSection":["Design","Tech"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/outline.villae.studio\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\/","url":"https:\/\/outline.villae.studio\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\/","name":"E se o motion vier primeiro? - Outline","isPartOf":{"@id":"https:\/\/outline.villae.studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/outline.villae.studio\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\/#primaryimage"},"image":{"@id":"https:\/\/outline.villae.studio\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\/#primaryimage"},"thumbnailUrl":"https:\/\/outline.villae.studio\/wp-content\/uploads\/2026\/08\/Captura-de-ecra-2026-09-24-as-17.03.18.png","datePublished":"2026-08-31T16:24:12+00:00","dateModified":"2026-09-24T16:05:36+00:00","breadcrumb":{"@id":"https:\/\/outline.villae.studio\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/outline.villae.studio\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/outline.villae.studio\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\/#primaryimage","url":"https:\/\/outline.villae.studio\/wp-content\/uploads\/2026\/08\/Captura-de-ecra-2026-09-24-as-17.03.18.png","contentUrl":"https:\/\/outline.villae.studio\/wp-content\/uploads\/2026\/08\/Captura-de-ecra-2026-09-24-as-17.03.18.png","width":1260,"height":1596},{"@type":"BreadcrumbList","@id":"https:\/\/outline.villae.studio\/o-codigo-virou-arte-figma-tenta-colocar-designers-no-centro-da-corrida-por-codigo-com-ia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/outline.villae.studio\/"},{"@type":"ListItem","position":2,"name":"E se o motion vier primeiro?"}]},{"@type":"WebSite","@id":"https:\/\/outline.villae.studio\/#website","url":"https:\/\/outline.villae.studio\/","name":"Villae Studio","description":"Plataforma de Curadoria da Villae Studio","publisher":{"@id":"https:\/\/outline.villae.studio\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/outline.villae.studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/outline.villae.studio\/#organization","name":"Villae Studio","url":"https:\/\/outline.villae.studio\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/outline.villae.studio\/#\/schema\/logo\/image\/","url":"https:\/\/outline.villae.studio\/wp-content\/uploads\/2024\/11\/cropped-lOGO1-01.png","contentUrl":"https:\/\/outline.villae.studio\/wp-content\/uploads\/2024\/11\/cropped-lOGO1-01.png","width":512,"height":512,"caption":"Villae Studio"},"image":{"@id":"https:\/\/outline.villae.studio\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/outline.villae.studio\/#\/schema\/person\/846d00bb15b3ecf290ed680c149dee31","name":"S\u00e9rgio Ferreira","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/2fcef9c66390581e2c34388b3f2d214572b347d8ee64b94c6364577935d39b1a?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/2fcef9c66390581e2c34388b3f2d214572b347d8ee64b94c6364577935d39b1a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2fcef9c66390581e2c34388b3f2d214572b347d8ee64b94c6364577935d39b1a?s=96&d=mm&r=g","caption":"S\u00e9rgio Ferreira"},"sameAs":["https:\/\/villae.studio\/"]}]}},"_links":{"self":[{"href":"https:\/\/outline.villae.studio\/en\/wp-json\/wp\/v2\/posts\/51802","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/outline.villae.studio\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/outline.villae.studio\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/outline.villae.studio\/en\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/outline.villae.studio\/en\/wp-json\/wp\/v2\/comments?post=51802"}],"version-history":[{"count":3,"href":"https:\/\/outline.villae.studio\/en\/wp-json\/wp\/v2\/posts\/51802\/revisions"}],"predecessor-version":[{"id":52590,"href":"https:\/\/outline.villae.studio\/en\/wp-json\/wp\/v2\/posts\/51802\/revisions\/52590"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/outline.villae.studio\/en\/wp-json\/wp\/v2\/media\/52589"}],"wp:attachment":[{"href":"https:\/\/outline.villae.studio\/en\/wp-json\/wp\/v2\/media?parent=51802"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/outline.villae.studio\/en\/wp-json\/wp\/v2\/categories?post=51802"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/outline.villae.studio\/en\/wp-json\/wp\/v2\/tags?post=51802"},{"taxonomy":"autor","embeddable":true,"href":"https:\/\/outline.villae.studio\/en\/wp-json\/wp\/v2\/autor?post=51802"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}