Como criar um carrossel no Figma: um guia passo a passo para designers<\/title><br \/>\n<\/head><br \/>\n<body><\/p>\n<h1>Como criar um carrossel no Figma: um guia passo a passo para designers<\/h1>\n<h2>Passo 1: Prepara\u00e7\u00e3o<\/h2>\n<p>Antes de come\u00e7ar a criar o carrossel no Figma, \u00e9 importante ter um planejamento adequado. Aqui est\u00e3o algumas dicas essenciais para ajudar voc\u00ea a se preparar:<\/p>\n<ul>\n<li>Defina o objetivo do carrossel: Antes de come\u00e7ar, \u00e9 importante ter uma compreens\u00e3o clara do objetivo do carrossel. Pense em como voc\u00ea deseja que o carrossel seja usado e quais informa\u00e7\u00f5es ou imagens deseja exibir nele.<\/li>\n<li>Planeje a estrutura do carrossel: Determine quantos slides ou itens voc\u00ea deseja exibir no carrossel e como eles ser\u00e3o organizados. Isso ajudar\u00e1 a definir a estrutura do carrossel e a orientar o processo de design.<\/li>\n<\/ul>\n<h2>Passo 2: Criando os slides<\/h2>\n<p>Agora que voc\u00ea est\u00e1 pronto para come\u00e7ar a criar o carrossel, \u00e9 hora de criar os slides individuais. Siga estas etapas:<\/p>\n<ul>\n<li>Crie um novo frame no Figma: Comece criando um novo frame no Figma, que ser\u00e1 o cont\u00eainer para o seu carrossel. Defina as dimens\u00f5es adequadas para o frame, levando em considera\u00e7\u00e3o o tamanho dos slides individuais.<\/li>\n<li>Adicione os slides: Dentro do frame, crie os slides individuais do carrossel. Eles podem conter imagens, texto, bot\u00f5es ou qualquer outro elemento de design que voc\u00ea desejar. Certifique-se de organizar os slides em ordem sequencial.<\/li>\n<\/ul>\n<h2>Passo 3: Configurando a navega\u00e7\u00e3o<\/h2>\n<p>Um carrossel n\u00e3o estaria completo sem os controles de navega\u00e7\u00e3o adequados. Aqui est\u00e1 como configurar a navega\u00e7\u00e3o no carrossel:<\/p>\n<ul>\n<li>Adicione os controles de navega\u00e7\u00e3o: Adicione bot\u00f5es de avan\u00e7ar e voltar para permitir que os usu\u00e1rios naveguem pelos slides do carrossel. Voc\u00ea pode projetar esses bot\u00f5es de acordo com o estilo do seu design.<\/li>\n<li>Crie intera\u00e7\u00f5es: Use as ferramentas interativas do Figma para criar as intera\u00e7\u00f5es entre os controles de navega\u00e7\u00e3o e os slides. Por exemplo, ao clicar no bot\u00e3o de avan\u00e7ar, o pr\u00f3ximo slide deve ser exibido.<\/li>\n<\/ul>\n<h2>Passo 4: Personaliza\u00e7\u00e3o e aprimoramentos<\/h2>\n<p>Agora que voc\u00ea criou o carrossel b\u00e1sico, \u00e9 hora de personaliz\u00e1-lo e adicionar alguns aprimoramentos extras. Aqui est\u00e3o algumas ideias:<\/p>\n<ul>\n<li>Estilize os slides: Adicione estilos, cores e tipografia aos slides para torn\u00e1-los visualmente atraentes. Certifique-se de manter a consist\u00eancia com o restante do seu design.<\/li>\n<li>Adicione transi\u00e7\u00f5es: Experimente diferentes tipos de transi\u00e7\u00f5es entre os slides para criar um efeito de transi\u00e7\u00e3o suave. Isso pode ser feito usando a funcionalidade de prototipagem do Figma.<\/li>\n<li>Torne o carrossel responsivo: Certifique-se de que o carrossel funcione bem em diferentes tamanhos de tela. Ajuste os slides e a navega\u00e7\u00e3o para garantir uma experi\u00eancia consistente em dispositivos m\u00f3veis e desktops.<\/li>\n<\/ul>\n<p>Em resumo, criar um carrossel no Figma pode adicionar interatividade e dinamismo \u00e0s suas cria\u00e7\u00f5es de design. Siga este guia passo a passo e aproveite todas as ferramentas e recursos que o Figma oferece para criar um carrossel incr\u00edvel e envolvente para seus projetos de design.<\/p>\n<h2>Dicas essenciais para criar um carrossel no Figma<\/h2>\n<p>Criar um carrossel no Figma pode parecer um desafio, mas com algumas dicas essenciais, voc\u00ea pode tornar esse processo mais f\u00e1cil e eficiente. Aqui est\u00e3o algumas dicas que ir\u00e3o ajud\u00e1-lo a criar um carrossel incr\u00edvel no Figma:<\/p>\n<ul>\n<li>Use componentes: Aproveite a funcionalidade de componentes do Figma para criar os slides do carrossel. Isso permitir\u00e1 que voc\u00ea fa\u00e7a altera\u00e7\u00f5es em um slide e as atualiza\u00e7\u00f5es ser\u00e3o refletidas automaticamente em todos os slides.<\/li>\n<li>Organize as camadas: Mantenha suas camadas organizadas e nomeadas adequadamente para facilitar a edi\u00e7\u00e3o e a manuten\u00e7\u00e3o do carrossel. Uma boa organiza\u00e7\u00e3o das camadas tamb\u00e9m ajudar\u00e1 voc\u00ea a encontrar rapidamente os elementos desejados.<\/li>\n<li>Utilize prot\u00f3tipos: A funcionalidade de prototipagem do Figma permitir\u00e1 que voc\u00ea teste a interatividade do carrossel antes de implement\u00e1-lo completamente. Isso ajudar\u00e1 a identificar qualquer problema ou ajuste necess\u00e1rio no fluxo de navega\u00e7\u00e3o.<\/li>\n<li>Considere a experi\u00eancia do usu\u00e1rio: Ao projetar o carrossel, leve em considera\u00e7\u00e3o a experi\u00eancia do usu\u00e1rio. Certifique-se de que a navega\u00e7\u00e3o seja intuitiva, os controles sejam vis\u00edveis e os slides sejam f\u00e1ceis de ler e entender.<\/li>\n<li>Teste em diferentes dispositivos: Teste o carrossel em diferentes dispositivos e tamanhos de tela para garantir que ele funcione corretamente em todas as resolu\u00e7\u00f5es. Fa\u00e7a os ajustes necess\u00e1rios para garantir uma experi\u00eancia consistente.<\/li>\n<\/ul>\n<p>Com essas dicas essenciais, voc\u00ea estar\u00e1 pronto para criar um carrossel incr\u00edvel no Figma. Lembre-se de explorar todas as funcionalidades e recursos oferecidos pela ferramenta para obter o melhor resultado poss\u00edvel.<\/p>\n<h2>Como utilizar os recursos avan\u00e7ados do Figma para criar um carrossel<\/h2>\n<p>Al\u00e9m das funcionalidades b\u00e1sicas, o Figma oferece recursos avan\u00e7ados que podem ajudar voc\u00ea a criar um carrossel ainda mais impressionante. Aqui est\u00e3o algumas maneiras de utilizar esses recursos para aprimorar seu carrossel:<\/p>\n<ul>\n<li>Efeitos de anima\u00e7\u00e3o: Experimente os efeitos de anima\u00e7\u00e3o dispon\u00edveis no Figma para adicionar movimento aos slides do carrossel. Isso pode incluir transi\u00e7\u00f5es suaves, anima\u00e7\u00f5es de entrada e sa\u00edda, entre outros.<\/li>\n<li>Componentes interativos: Utilize componentes interativos para adicionar funcionalidades extras ao carrossel. Isso pode incluir bot\u00f5es de compartilhamento social, bot\u00f5es de compra ou qualquer outra intera\u00e7\u00e3o desejada.<\/li>\n<li>Vari\u00e1veis e estilos globais: Aproveite as vari\u00e1veis e estilos globais do Figma para facilitar a personaliza\u00e7\u00e3o e a manuten\u00e7\u00e3o do carrossel. Isso permitir\u00e1 que voc\u00ea fa\u00e7a altera\u00e7\u00f5es r\u00e1pidas e consistentes em todo o carrossel.<\/li>\n<li>Integra\u00e7\u00f5es: Explore as integra\u00e7\u00f5es dispon\u00edveis no Figma para adicionar recursos externos ao seu carrossel. Isso pode incluir integra\u00e7\u00f5es com ferramentas de an\u00e1lise, sistemas de gerenciamento de conte\u00fado ou qualquer outra ferramenta relevante para o seu projeto.<\/li>\n<\/ul>\n<p>Os benef\u00edcios de criar um carrossel no Figma para designers<\/p>\n<p>Criar um carrossel no Figma pode trazer uma s\u00e9rie de benef\u00edcios para designers. Aqui est\u00e3o alguns dos principais benef\u00edcios:<\/p>\n<ul>\n<li>Interatividade: Um carrossel permite que os designers adicionem interatividade \u00e0s suas cria\u00e7\u00f5es, tornando a experi\u00eancia do usu\u00e1rio mais envolvente e din\u00e2mica.<\/li>\n<li>Destaque de conte\u00fado: Um carrossel \u00e9 uma \u00f3tima maneira de destacar conte\u00fado importante ou imagens impactantes. Ele permite que os designers criem um espa\u00e7o onde informa\u00e7\u00f5es relevantes possam ser destacadas e visualmente atraentes.<\/li>\n<li>Explora\u00e7\u00e3o de ideias: Ao criar um carrossel, os designers t\u00eam a oportunidade de explorar diferentes ideias e conceitos de design. Eles podem testar diferentes layouts, estilos e intera\u00e7\u00f5es para encontrar a melhor solu\u00e7\u00e3o para o projeto em quest\u00e3o.<\/li>\n<li>Flexibilidade: O Figma oferece uma variedade de recursos e funcionalidades que permitem aos designers criar carross\u00e9is altamente personalizados e adapt\u00e1veis. Isso significa que eles podem ajustar facilmente o carrossel para atender \u00e0s necessidades do projeto e \u00e0s prefer\u00eancias do cliente.<\/li>\n<\/ul>\n<p>Em conclus\u00e3o, criar um carrossel no Figma pode adicionar um elemento interativo e atraente \u00e0s suas cria\u00e7\u00f5es de design. Siga este guia passo a passo, utilize as dicas essenciais e explore os recursos avan\u00e7ados do Figma para obter os melhores resultados. Aproveite todos os benef\u00edcios que um carrossel pode oferecer e eleve o seu design para o pr\u00f3ximo n\u00edvel.<\/p>\n<h2>Como utilizar os recursos avan\u00e7ados do Figma para criar um carrossel<\/h2>\n<p>Al\u00e9m das funcionalidades b\u00e1sicas, o Figma oferece recursos avan\u00e7ados que podem ajudar voc\u00ea a criar um carrossel ainda mais impressionante. Aqui est\u00e3o algumas maneiras de utilizar esses recursos para aprimorar seu carrossel:<\/p>\n<ol>\n<li>Efeitos de anima\u00e7\u00e3o: Experimente os efeitos de anima\u00e7\u00e3o dispon\u00edveis no Figma para adicionar movimento aos slides do carrossel. Isso pode incluir transi\u00e7\u00f5es suaves, anima\u00e7\u00f5es de entrada e sa\u00edda, entre outros.<\/li>\n<li>Componentes interativos: Utilize componentes interativos para adicionar funcionalidades extras ao carrossel. Isso pode incluir bot\u00f5es de compartilhamento social, bot\u00f5es de compra ou qualquer outra intera\u00e7\u00e3o desejada.<\/li>\n<li>Vari\u00e1veis e estilos globais: Aproveite as vari\u00e1veis e estilos globais do Figma para facilitar a personaliza\u00e7\u00e3o e a manuten\u00e7\u00e3o do carrossel. Isso permitir\u00e1 que voc\u00ea fa\u00e7a altera\u00e7\u00f5es r\u00e1pidas e consistentes em todo o carrossel.<\/li>\n<li>Integra\u00e7\u00f5es: Explore as integra\u00e7\u00f5es dispon\u00edveis no Figma para adicionar recursos externos ao seu carrossel. Isso pode incluir integra\u00e7\u00f5es com ferramentas de an\u00e1lise, sistemas de gerenciamento de conte\u00fado ou qualquer outra ferramenta relevante para o seu projeto.<\/li>\n<\/ol>\n<p>Os benef\u00edcios de criar um carrossel no Figma para designers<\/p>\n<p>Criar um carrossel no Figma oferece uma s\u00e9rie de benef\u00edcios para designers. Al\u00e9m de adicionar uma dose extra de interatividade aos seus designs, os carross\u00e9is podem trazer vantagens significativas. Aqui est\u00e3o alguns dos benef\u00edcios de criar um carrossel no Figma:<\/p>\n<ol>\n<li>Destaque de conte\u00fado: Um carrossel \u00e9 uma forma eficaz de destacar conte\u00fado importante ou imagens impactantes. Ao utilizar um carrossel, voc\u00ea pode apresentar diferentes informa\u00e7\u00f5es ou imagens em um espa\u00e7o limitado, garantindo que cada elemento receba a aten\u00e7\u00e3o merecida.<\/li>\n<li>Experi\u00eancia do usu\u00e1rio aprimorada: Carross\u00e9is bem projetados podem melhorar significativamente a experi\u00eancia do usu\u00e1rio. Eles permitem que os usu\u00e1rios naveguem facilmente entre os slides, interajam com os elementos e absorvam informa\u00e7\u00f5es de forma mais envolvente. Isso pode levar a uma maior satisfa\u00e7\u00e3o do usu\u00e1rio e um maior engajamento com o conte\u00fado.<\/li>\n<li>Otimiza\u00e7\u00e3o para dispositivos m\u00f3veis: Os carross\u00e9is s\u00e3o especialmente \u00fateis para dispositivos m\u00f3veis, onde o espa\u00e7o na tela \u00e9 limitado. Ao criar um carrossel responsivo no Figma, voc\u00ea pode garantir que seu design se adapte de forma adequada a diferentes tamanhos de tela, proporcionando uma experi\u00eancia consistente em todos os dispositivos.<\/li>\n<li>Flexibilidade de atualiza\u00e7\u00e3o: Com o Figma, \u00e9 poss\u00edvel fazer atualiza\u00e7\u00f5es r\u00e1pidas e f\u00e1ceis nos slides do carrossel. Se voc\u00ea precisar adicionar ou remover um slide, alterar o conte\u00fado ou ajustar o design, o Figma oferece ferramentas intuitivas para facilitar essas altera\u00e7\u00f5es. Isso permite que voc\u00ea mantenha seu carrossel atualizado e relevante ao longo do tempo.<\/li>\n<\/ol>\n<p>Ao criar um carrossel no Figma, voc\u00ea tem a oportunidade de criar designs interativos e envolventes, que proporcionam uma experi\u00eancia diferenciada para os usu\u00e1rios. Aproveite os benef\u00edcios de destacar conte\u00fado, melhorar a experi\u00eancia do usu\u00e1rio, otimizar para dispositivos m\u00f3veis e ter flexibilidade na atualiza\u00e7\u00e3o do carrossel. Com o Figma, voc\u00ea pode explorar todo o potencial dos carross\u00e9is e elevar seus projetos de design a um novo n\u00edvel.<\/p>\n<h2><a target=\"_blank\" href=\"https:\/\/fluency.io\/br\/blog\/cursos\/#design\/?utm_source=blog\" rel=\"noopener\">Awari<\/a> \u00e9 a melhor plataforma para aprender sobre design no Brasil.<\/h2>\n<p>Aqui voc\u00ea encontra cursos com aulas ao vivo, mentorias individuais com os melhores profissionais do mercado e suporte de carreira personalizado para dar seu pr\u00f3ximo passo profissional e aprender habilidades como Data Science, Data Analytics, Machine Learning e mais.<\/p>\n<p>J\u00e1 pensou em aprender de maneira individualizada com profissionais que atuam em empresas como Nubank, Amazon e Google? <a target=\"_blank\" href=\"https:\/\/app.fluency.io\/br\/blog\/candidatura?&utm_source=blog&utm_campaign=paragrafofinal\" rel=\"noopener\">Clique aqui<\/a> para se inscrever na Awari e come\u00e7ar a construir agora mesmo o pr\u00f3ximo cap\u00edtulo da sua carreira em dados.<\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Como fazer um carrossel no Figma: um guia passo a passo para designers. Aprenda a criar um carrossel no Figma com este guia completo, que inclui dicas essenciais, recursos avan\u00e7ados e os benef\u00edcios de utilizar essa ferramenta.<\/p>\n","protected":false},"author":9,"featured_media":27969,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":[186],"meta":{"inline_featured_image":false,"footnotes":""},"categories":[229],"tags":[],"trilha":[],"class_list":["post-115107","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-skills","format-artigos"],"acf":[],"yoast_head":"\n<title>Como Criar Um Carrossel No Figma: Guia Passo A Passo Para Designers | Fluency.io Brasil<\/title>\n<meta name=\"description\" content=\"Como fazer um carrossel no Figma: um guia passo a passo para designers. Aprenda a criar um carrossel no Figma com este guia completo, que inclui dicas esse...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como Criar Um Carrossel No Figma: Guia Passo A Passo Para Designers | Fluency.io Brasil\" \/>\n<meta property=\"og:description\" content=\"Como fazer um carrossel no Figma: um guia passo a passo para designers. Aprenda a criar um carrossel no Figma com este guia completo, que inclui dicas esse...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/\" \/>\n<meta property=\"og:site_name\" content=\"Fluency.io Brasil\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-26T20:23:26+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"kaue\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/\",\"url\":\"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/\",\"name\":\"Como Criar Um Carrossel No Figma: Guia Passo A Passo Para Designers | Fluency.io Brasil\",\"isPartOf\":{\"@id\":\"https:\/\/fluency.io\/br\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2023-08-26T20:23:26+00:00\",\"author\":{\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a\"},\"description\":\"Como fazer um carrossel no Figma: um guia passo a passo para designers. Aprenda a criar um carrossel no Figma com este guia completo, que inclui dicas esse...\",\"breadcrumb\":{\"@id\":\"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\",\"width\":1027,\"height\":420},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/fluency.io\/br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Como Criar Um Carrossel No Figma: Guia Passo A Passo Para Designers\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fluency.io\/br\/#website\",\"url\":\"https:\/\/fluency.io\/br\/\",\"name\":\"Fluency Academy\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fluency.io\/br\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a\",\"name\":\"kaue\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g\",\"caption\":\"kaue\"}}]}<\/script>\n","yoast_head_json":{"title":"Como Criar Um Carrossel No Figma: Guia Passo A Passo Para Designers | Fluency.io Brasil","description":"Como fazer um carrossel no Figma: um guia passo a passo para designers. Aprenda a criar um carrossel no Figma com este guia completo, que inclui dicas esse...","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:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/","og_locale":"pt_BR","og_type":"article","og_title":"Como Criar Um Carrossel No Figma: Guia Passo A Passo Para Designers | Fluency.io Brasil","og_description":"Como fazer um carrossel no Figma: um guia passo a passo para designers. Aprenda a criar um carrossel no Figma com este guia completo, que inclui dicas esse...","og_url":"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/","og_site_name":"Fluency.io Brasil","article_published_time":"2023-08-26T20:23:26+00:00","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"kaue","Est. tempo de leitura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/","url":"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/","name":"Como Criar Um Carrossel No Figma: Guia Passo A Passo Para Designers | Fluency.io Brasil","isPartOf":{"@id":"https:\/\/fluency.io\/br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/#primaryimage"},"image":{"@id":"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/#primaryimage"},"thumbnailUrl":"","datePublished":"2023-08-26T20:23:26+00:00","author":{"@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a"},"description":"Como fazer um carrossel no Figma: um guia passo a passo para designers. Aprenda a criar um carrossel no Figma com este guia completo, que inclui dicas esse...","breadcrumb":{"@id":"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/#primaryimage","url":"","contentUrl":"","width":1027,"height":420},{"@type":"BreadcrumbList","@id":"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/fluency.io\/br\/"},{"@type":"ListItem","position":2,"name":"Como Criar Um Carrossel No Figma: Guia Passo A Passo Para Designers"}]},{"@type":"WebSite","@id":"https:\/\/fluency.io\/br\/#website","url":"https:\/\/fluency.io\/br\/","name":"Fluency Academy","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fluency.io\/br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a","name":"kaue","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g","caption":"kaue"}}]}},"_links":{"self":[{"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/posts\/115107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/comments?post=115107"}],"version-history":[{"count":0,"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/posts\/115107\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fluency.io\/br\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/media?parent=115107"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/categories?post=115107"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/tags?post=115107"},{"taxonomy":"format","embeddable":true,"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/format?post=115107"},{"taxonomy":"trilha","embeddable":true,"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/trilha?post=115107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":115107,"date":"2023-08-26T17:23:26","date_gmt":"2023-08-26T20:23:26","guid":{"rendered":"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/"},"modified":"2023-08-26T17:23:26","modified_gmt":"2023-08-26T20:23:26","slug":"como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers","status":"publish","type":"post","link":"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/","title":{"rendered":"Como Criar Um Carrossel No Figma: Guia Passo A Passo Para Designers"},"content":{"rendered":"

\n
\n
\nComo criar um carrossel no Figma: um guia passo a passo para designers<\/title><br \/>\n<\/head><br \/>\n<body><\/p>\n<h1>Como criar um carrossel no Figma: um guia passo a passo para designers<\/h1>\n<h2>Passo 1: Prepara\u00e7\u00e3o<\/h2>\n<p>Antes de come\u00e7ar a criar o carrossel no Figma, \u00e9 importante ter um planejamento adequado. Aqui est\u00e3o algumas dicas essenciais para ajudar voc\u00ea a se preparar:<\/p>\n<ul>\n<li>Defina o objetivo do carrossel: Antes de come\u00e7ar, \u00e9 importante ter uma compreens\u00e3o clara do objetivo do carrossel. Pense em como voc\u00ea deseja que o carrossel seja usado e quais informa\u00e7\u00f5es ou imagens deseja exibir nele.<\/li>\n<li>Planeje a estrutura do carrossel: Determine quantos slides ou itens voc\u00ea deseja exibir no carrossel e como eles ser\u00e3o organizados. Isso ajudar\u00e1 a definir a estrutura do carrossel e a orientar o processo de design.<\/li>\n<\/ul>\n<h2>Passo 2: Criando os slides<\/h2>\n<p>Agora que voc\u00ea est\u00e1 pronto para come\u00e7ar a criar o carrossel, \u00e9 hora de criar os slides individuais. Siga estas etapas:<\/p>\n<ul>\n<li>Crie um novo frame no Figma: Comece criando um novo frame no Figma, que ser\u00e1 o cont\u00eainer para o seu carrossel. Defina as dimens\u00f5es adequadas para o frame, levando em considera\u00e7\u00e3o o tamanho dos slides individuais.<\/li>\n<li>Adicione os slides: Dentro do frame, crie os slides individuais do carrossel. Eles podem conter imagens, texto, bot\u00f5es ou qualquer outro elemento de design que voc\u00ea desejar. Certifique-se de organizar os slides em ordem sequencial.<\/li>\n<\/ul>\n<h2>Passo 3: Configurando a navega\u00e7\u00e3o<\/h2>\n<p>Um carrossel n\u00e3o estaria completo sem os controles de navega\u00e7\u00e3o adequados. Aqui est\u00e1 como configurar a navega\u00e7\u00e3o no carrossel:<\/p>\n<ul>\n<li>Adicione os controles de navega\u00e7\u00e3o: Adicione bot\u00f5es de avan\u00e7ar e voltar para permitir que os usu\u00e1rios naveguem pelos slides do carrossel. Voc\u00ea pode projetar esses bot\u00f5es de acordo com o estilo do seu design.<\/li>\n<li>Crie intera\u00e7\u00f5es: Use as ferramentas interativas do Figma para criar as intera\u00e7\u00f5es entre os controles de navega\u00e7\u00e3o e os slides. Por exemplo, ao clicar no bot\u00e3o de avan\u00e7ar, o pr\u00f3ximo slide deve ser exibido.<\/li>\n<\/ul>\n<h2>Passo 4: Personaliza\u00e7\u00e3o e aprimoramentos<\/h2>\n<p>Agora que voc\u00ea criou o carrossel b\u00e1sico, \u00e9 hora de personaliz\u00e1-lo e adicionar alguns aprimoramentos extras. Aqui est\u00e3o algumas ideias:<\/p>\n<ul>\n<li>Estilize os slides: Adicione estilos, cores e tipografia aos slides para torn\u00e1-los visualmente atraentes. Certifique-se de manter a consist\u00eancia com o restante do seu design.<\/li>\n<li>Adicione transi\u00e7\u00f5es: Experimente diferentes tipos de transi\u00e7\u00f5es entre os slides para criar um efeito de transi\u00e7\u00e3o suave. Isso pode ser feito usando a funcionalidade de prototipagem do Figma.<\/li>\n<li>Torne o carrossel responsivo: Certifique-se de que o carrossel funcione bem em diferentes tamanhos de tela. Ajuste os slides e a navega\u00e7\u00e3o para garantir uma experi\u00eancia consistente em dispositivos m\u00f3veis e desktops.<\/li>\n<\/ul>\n<p>Em resumo, criar um carrossel no Figma pode adicionar interatividade e dinamismo \u00e0s suas cria\u00e7\u00f5es de design. Siga este guia passo a passo e aproveite todas as ferramentas e recursos que o Figma oferece para criar um carrossel incr\u00edvel e envolvente para seus projetos de design.<\/p>\n<h2>Dicas essenciais para criar um carrossel no Figma<\/h2>\n<p>Criar um carrossel no Figma pode parecer um desafio, mas com algumas dicas essenciais, voc\u00ea pode tornar esse processo mais f\u00e1cil e eficiente. Aqui est\u00e3o algumas dicas que ir\u00e3o ajud\u00e1-lo a criar um carrossel incr\u00edvel no Figma:<\/p>\n<ul>\n<li>Use componentes: Aproveite a funcionalidade de componentes do Figma para criar os slides do carrossel. Isso permitir\u00e1 que voc\u00ea fa\u00e7a altera\u00e7\u00f5es em um slide e as atualiza\u00e7\u00f5es ser\u00e3o refletidas automaticamente em todos os slides.<\/li>\n<li>Organize as camadas: Mantenha suas camadas organizadas e nomeadas adequadamente para facilitar a edi\u00e7\u00e3o e a manuten\u00e7\u00e3o do carrossel. Uma boa organiza\u00e7\u00e3o das camadas tamb\u00e9m ajudar\u00e1 voc\u00ea a encontrar rapidamente os elementos desejados.<\/li>\n<li>Utilize prot\u00f3tipos: A funcionalidade de prototipagem do Figma permitir\u00e1 que voc\u00ea teste a interatividade do carrossel antes de implement\u00e1-lo completamente. Isso ajudar\u00e1 a identificar qualquer problema ou ajuste necess\u00e1rio no fluxo de navega\u00e7\u00e3o.<\/li>\n<li>Considere a experi\u00eancia do usu\u00e1rio: Ao projetar o carrossel, leve em considera\u00e7\u00e3o a experi\u00eancia do usu\u00e1rio. Certifique-se de que a navega\u00e7\u00e3o seja intuitiva, os controles sejam vis\u00edveis e os slides sejam f\u00e1ceis de ler e entender.<\/li>\n<li>Teste em diferentes dispositivos: Teste o carrossel em diferentes dispositivos e tamanhos de tela para garantir que ele funcione corretamente em todas as resolu\u00e7\u00f5es. Fa\u00e7a os ajustes necess\u00e1rios para garantir uma experi\u00eancia consistente.<\/li>\n<\/ul>\n<p>Com essas dicas essenciais, voc\u00ea estar\u00e1 pronto para criar um carrossel incr\u00edvel no Figma. Lembre-se de explorar todas as funcionalidades e recursos oferecidos pela ferramenta para obter o melhor resultado poss\u00edvel.<\/p>\n<h2>Como utilizar os recursos avan\u00e7ados do Figma para criar um carrossel<\/h2>\n<p>Al\u00e9m das funcionalidades b\u00e1sicas, o Figma oferece recursos avan\u00e7ados que podem ajudar voc\u00ea a criar um carrossel ainda mais impressionante. Aqui est\u00e3o algumas maneiras de utilizar esses recursos para aprimorar seu carrossel:<\/p>\n<ul>\n<li>Efeitos de anima\u00e7\u00e3o: Experimente os efeitos de anima\u00e7\u00e3o dispon\u00edveis no Figma para adicionar movimento aos slides do carrossel. Isso pode incluir transi\u00e7\u00f5es suaves, anima\u00e7\u00f5es de entrada e sa\u00edda, entre outros.<\/li>\n<li>Componentes interativos: Utilize componentes interativos para adicionar funcionalidades extras ao carrossel. Isso pode incluir bot\u00f5es de compartilhamento social, bot\u00f5es de compra ou qualquer outra intera\u00e7\u00e3o desejada.<\/li>\n<li>Vari\u00e1veis e estilos globais: Aproveite as vari\u00e1veis e estilos globais do Figma para facilitar a personaliza\u00e7\u00e3o e a manuten\u00e7\u00e3o do carrossel. Isso permitir\u00e1 que voc\u00ea fa\u00e7a altera\u00e7\u00f5es r\u00e1pidas e consistentes em todo o carrossel.<\/li>\n<li>Integra\u00e7\u00f5es: Explore as integra\u00e7\u00f5es dispon\u00edveis no Figma para adicionar recursos externos ao seu carrossel. Isso pode incluir integra\u00e7\u00f5es com ferramentas de an\u00e1lise, sistemas de gerenciamento de conte\u00fado ou qualquer outra ferramenta relevante para o seu projeto.<\/li>\n<\/ul>\n<p>Os benef\u00edcios de criar um carrossel no Figma para designers<\/p>\n<p>Criar um carrossel no Figma pode trazer uma s\u00e9rie de benef\u00edcios para designers. Aqui est\u00e3o alguns dos principais benef\u00edcios:<\/p>\n<ul>\n<li>Interatividade: Um carrossel permite que os designers adicionem interatividade \u00e0s suas cria\u00e7\u00f5es, tornando a experi\u00eancia do usu\u00e1rio mais envolvente e din\u00e2mica.<\/li>\n<li>Destaque de conte\u00fado: Um carrossel \u00e9 uma \u00f3tima maneira de destacar conte\u00fado importante ou imagens impactantes. Ele permite que os designers criem um espa\u00e7o onde informa\u00e7\u00f5es relevantes possam ser destacadas e visualmente atraentes.<\/li>\n<li>Explora\u00e7\u00e3o de ideias: Ao criar um carrossel, os designers t\u00eam a oportunidade de explorar diferentes ideias e conceitos de design. Eles podem testar diferentes layouts, estilos e intera\u00e7\u00f5es para encontrar a melhor solu\u00e7\u00e3o para o projeto em quest\u00e3o.<\/li>\n<li>Flexibilidade: O Figma oferece uma variedade de recursos e funcionalidades que permitem aos designers criar carross\u00e9is altamente personalizados e adapt\u00e1veis. Isso significa que eles podem ajustar facilmente o carrossel para atender \u00e0s necessidades do projeto e \u00e0s prefer\u00eancias do cliente.<\/li>\n<\/ul>\n<p>Em conclus\u00e3o, criar um carrossel no Figma pode adicionar um elemento interativo e atraente \u00e0s suas cria\u00e7\u00f5es de design. Siga este guia passo a passo, utilize as dicas essenciais e explore os recursos avan\u00e7ados do Figma para obter os melhores resultados. Aproveite todos os benef\u00edcios que um carrossel pode oferecer e eleve o seu design para o pr\u00f3ximo n\u00edvel.<\/p>\n<h2>Como utilizar os recursos avan\u00e7ados do Figma para criar um carrossel<\/h2>\n<p>Al\u00e9m das funcionalidades b\u00e1sicas, o Figma oferece recursos avan\u00e7ados que podem ajudar voc\u00ea a criar um carrossel ainda mais impressionante. Aqui est\u00e3o algumas maneiras de utilizar esses recursos para aprimorar seu carrossel:<\/p>\n<ol>\n<li>Efeitos de anima\u00e7\u00e3o: Experimente os efeitos de anima\u00e7\u00e3o dispon\u00edveis no Figma para adicionar movimento aos slides do carrossel. Isso pode incluir transi\u00e7\u00f5es suaves, anima\u00e7\u00f5es de entrada e sa\u00edda, entre outros.<\/li>\n<li>Componentes interativos: Utilize componentes interativos para adicionar funcionalidades extras ao carrossel. Isso pode incluir bot\u00f5es de compartilhamento social, bot\u00f5es de compra ou qualquer outra intera\u00e7\u00e3o desejada.<\/li>\n<li>Vari\u00e1veis e estilos globais: Aproveite as vari\u00e1veis e estilos globais do Figma para facilitar a personaliza\u00e7\u00e3o e a manuten\u00e7\u00e3o do carrossel. Isso permitir\u00e1 que voc\u00ea fa\u00e7a altera\u00e7\u00f5es r\u00e1pidas e consistentes em todo o carrossel.<\/li>\n<li>Integra\u00e7\u00f5es: Explore as integra\u00e7\u00f5es dispon\u00edveis no Figma para adicionar recursos externos ao seu carrossel. Isso pode incluir integra\u00e7\u00f5es com ferramentas de an\u00e1lise, sistemas de gerenciamento de conte\u00fado ou qualquer outra ferramenta relevante para o seu projeto.<\/li>\n<\/ol>\n<p>Os benef\u00edcios de criar um carrossel no Figma para designers<\/p>\n<p>Criar um carrossel no Figma oferece uma s\u00e9rie de benef\u00edcios para designers. Al\u00e9m de adicionar uma dose extra de interatividade aos seus designs, os carross\u00e9is podem trazer vantagens significativas. Aqui est\u00e3o alguns dos benef\u00edcios de criar um carrossel no Figma:<\/p>\n<ol>\n<li>Destaque de conte\u00fado: Um carrossel \u00e9 uma forma eficaz de destacar conte\u00fado importante ou imagens impactantes. Ao utilizar um carrossel, voc\u00ea pode apresentar diferentes informa\u00e7\u00f5es ou imagens em um espa\u00e7o limitado, garantindo que cada elemento receba a aten\u00e7\u00e3o merecida.<\/li>\n<li>Experi\u00eancia do usu\u00e1rio aprimorada: Carross\u00e9is bem projetados podem melhorar significativamente a experi\u00eancia do usu\u00e1rio. Eles permitem que os usu\u00e1rios naveguem facilmente entre os slides, interajam com os elementos e absorvam informa\u00e7\u00f5es de forma mais envolvente. Isso pode levar a uma maior satisfa\u00e7\u00e3o do usu\u00e1rio e um maior engajamento com o conte\u00fado.<\/li>\n<li>Otimiza\u00e7\u00e3o para dispositivos m\u00f3veis: Os carross\u00e9is s\u00e3o especialmente \u00fateis para dispositivos m\u00f3veis, onde o espa\u00e7o na tela \u00e9 limitado. Ao criar um carrossel responsivo no Figma, voc\u00ea pode garantir que seu design se adapte de forma adequada a diferentes tamanhos de tela, proporcionando uma experi\u00eancia consistente em todos os dispositivos.<\/li>\n<li>Flexibilidade de atualiza\u00e7\u00e3o: Com o Figma, \u00e9 poss\u00edvel fazer atualiza\u00e7\u00f5es r\u00e1pidas e f\u00e1ceis nos slides do carrossel. Se voc\u00ea precisar adicionar ou remover um slide, alterar o conte\u00fado ou ajustar o design, o Figma oferece ferramentas intuitivas para facilitar essas altera\u00e7\u00f5es. Isso permite que voc\u00ea mantenha seu carrossel atualizado e relevante ao longo do tempo.<\/li>\n<\/ol>\n<p>Ao criar um carrossel no Figma, voc\u00ea tem a oportunidade de criar designs interativos e envolventes, que proporcionam uma experi\u00eancia diferenciada para os usu\u00e1rios. Aproveite os benef\u00edcios de destacar conte\u00fado, melhorar a experi\u00eancia do usu\u00e1rio, otimizar para dispositivos m\u00f3veis e ter flexibilidade na atualiza\u00e7\u00e3o do carrossel. Com o Figma, voc\u00ea pode explorar todo o potencial dos carross\u00e9is e elevar seus projetos de design a um novo n\u00edvel.<\/p>\n<h2><a target=\"_blank\" href=\"https:\/\/fluency.io\/br\/blog\/cursos\/#design\/?utm_source=blog\" rel=\"noopener\">Awari<\/a> \u00e9 a melhor plataforma para aprender sobre design no Brasil.<\/h2>\n<p>Aqui voc\u00ea encontra cursos com aulas ao vivo, mentorias individuais com os melhores profissionais do mercado e suporte de carreira personalizado para dar seu pr\u00f3ximo passo profissional e aprender habilidades como Data Science, Data Analytics, Machine Learning e mais.<\/p>\n<p>J\u00e1 pensou em aprender de maneira individualizada com profissionais que atuam em empresas como Nubank, Amazon e Google? <a target=\"_blank\" href=\"https:\/\/app.fluency.io\/br\/blog\/candidatura?&utm_source=blog&utm_campaign=paragrafofinal\" rel=\"noopener\">Clique aqui<\/a> para se inscrever na Awari e come\u00e7ar a construir agora mesmo o pr\u00f3ximo cap\u00edtulo da sua carreira em dados.<\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Como fazer um carrossel no Figma: um guia passo a passo para designers. Aprenda a criar um carrossel no Figma com este guia completo, que inclui dicas essenciais, recursos avan\u00e7ados e os benef\u00edcios de utilizar essa ferramenta.<\/p>\n","protected":false},"author":9,"featured_media":27969,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":[186],"meta":{"inline_featured_image":false,"footnotes":""},"categories":[229],"tags":[],"trilha":[],"class_list":["post-115107","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-skills","format-artigos"],"acf":[],"yoast_head":"\n<title>Como Criar Um Carrossel No Figma: Guia Passo A Passo Para Designers | Fluency.io Brasil<\/title>\n<meta name=\"description\" content=\"Como fazer um carrossel no Figma: um guia passo a passo para designers. Aprenda a criar um carrossel no Figma com este guia completo, que inclui dicas esse...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como Criar Um Carrossel No Figma: Guia Passo A Passo Para Designers | Fluency.io Brasil\" \/>\n<meta property=\"og:description\" content=\"Como fazer um carrossel no Figma: um guia passo a passo para designers. Aprenda a criar um carrossel no Figma com este guia completo, que inclui dicas esse...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/\" \/>\n<meta property=\"og:site_name\" content=\"Fluency.io Brasil\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-26T20:23:26+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"kaue\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/\",\"url\":\"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/\",\"name\":\"Como Criar Um Carrossel No Figma: Guia Passo A Passo Para Designers | Fluency.io Brasil\",\"isPartOf\":{\"@id\":\"https:\/\/fluency.io\/br\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2023-08-26T20:23:26+00:00\",\"author\":{\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a\"},\"description\":\"Como fazer um carrossel no Figma: um guia passo a passo para designers. Aprenda a criar um carrossel no Figma com este guia completo, que inclui dicas esse...\",\"breadcrumb\":{\"@id\":\"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\",\"width\":1027,\"height\":420},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/fluency.io\/br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Como Criar Um Carrossel No Figma: Guia Passo A Passo Para Designers\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fluency.io\/br\/#website\",\"url\":\"https:\/\/fluency.io\/br\/\",\"name\":\"Fluency Academy\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fluency.io\/br\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a\",\"name\":\"kaue\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/fluency.io\/br\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g\",\"caption\":\"kaue\"}}]}<\/script>\n","yoast_head_json":{"title":"Como Criar Um Carrossel No Figma: Guia Passo A Passo Para Designers | Fluency.io Brasil","description":"Como fazer um carrossel no Figma: um guia passo a passo para designers. Aprenda a criar um carrossel no Figma com este guia completo, que inclui dicas esse...","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:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/","og_locale":"pt_BR","og_type":"article","og_title":"Como Criar Um Carrossel No Figma: Guia Passo A Passo Para Designers | Fluency.io Brasil","og_description":"Como fazer um carrossel no Figma: um guia passo a passo para designers. Aprenda a criar um carrossel no Figma com este guia completo, que inclui dicas esse...","og_url":"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/","og_site_name":"Fluency.io Brasil","article_published_time":"2023-08-26T20:23:26+00:00","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"kaue","Est. tempo de leitura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/","url":"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/","name":"Como Criar Um Carrossel No Figma: Guia Passo A Passo Para Designers | Fluency.io Brasil","isPartOf":{"@id":"https:\/\/fluency.io\/br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/#primaryimage"},"image":{"@id":"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/#primaryimage"},"thumbnailUrl":"","datePublished":"2023-08-26T20:23:26+00:00","author":{"@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a"},"description":"Como fazer um carrossel no Figma: um guia passo a passo para designers. Aprenda a criar um carrossel no Figma com este guia completo, que inclui dicas esse...","breadcrumb":{"@id":"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/#primaryimage","url":"","contentUrl":"","width":1027,"height":420},{"@type":"BreadcrumbList","@id":"https:\/\/fluency.io\/br\/blog\/como-criar-um-carrossel-no-figma-guia-passo-a-passo-para-designers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/fluency.io\/br\/"},{"@type":"ListItem","position":2,"name":"Como Criar Um Carrossel No Figma: Guia Passo A Passo Para Designers"}]},{"@type":"WebSite","@id":"https:\/\/fluency.io\/br\/#website","url":"https:\/\/fluency.io\/br\/","name":"Fluency Academy","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fluency.io\/br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/7b3b2b50ba17b7f2ad0cce0a40bfa00a","name":"kaue","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/fluency.io\/br\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bdd3958fa53019cfd8f789c0a49a730e7ba40a1d20cb42c9ced7646285842479?s=96&d=mm&r=g","caption":"kaue"}}]}},"_links":{"self":[{"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/posts\/115107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/comments?post=115107"}],"version-history":[{"count":0,"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/posts\/115107\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fluency.io\/br\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/media?parent=115107"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/categories?post=115107"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/tags?post=115107"},{"taxonomy":"format","embeddable":true,"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/format?post=115107"},{"taxonomy":"trilha","embeddable":true,"href":"https:\/\/fluency.io\/br\/wp-json\/wp\/v2\/trilha?post=115107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}