Biblioteca

O maior e mais completo UI kit e sistema de design para Figma, com mais de 1.000 componentes, 50 templates de página e suporte completo a modo escuro.

Aula gravada pela própria comunidade Horizontes — usada pra validar o badge "Original Horizontes" no card.

O conteúdo ensina como copiar o JSON de um elemento no Webflow usando um código no console. Ao pressionar CTRL+C, o JSON é copiado para a área de transferência, permitindo visualizá-lo ou usá-lo para criar arquivos JSON.

Cheklist de Sistema de Design,

Recurso útil para profissionais de UX, esta página apresenta uma coleção de bookmarks e referências valiosas. Com o status "Backlog", o conteúdo está

Descubra os "Dez Passos para Começar um Sistema de Design" com Dan Mall. O artigo fornece uma abordagem prática e metafórica para criar sistemas de design, abordando desde a descrição e reuniões comunitárias até captação de recursos e construção de u…

Guia prático para iniciar sua jornada com componentes em sistemas de design. Aprenda sobre pesquisa, design, construção e lançamento, garantindo componentes acessíveis e bem documentados.

Guia do Design System é um recurso essencial para entender e implementar sistemas de design eficazes.

Coleção completa de escritos da EightShapes sobre sistemas de design, disponível gratuitamente. Explore artigos sobre estilo visual, componentes de UI, documentação e processos. para obter dicas valiosas e atualizações.

O plugin "Export/Import Variables" para Figma permite exportar variáveis de um arquivo e importá-las para outro, facilitando a migração de bibliotecas e atualizações no sistema de design existente.

Editor de Texto: edite, encontre e substitua tudo em um só lugar no Figma. Este plugin permite que você gerencie texto de forma eficiente, facilitando a edição e a busca em seus projetos. Disponível na comunidade Figma. Saiba mais em:

O "Design System Organizer" é um plugin para Figma que permite gerenciar estilos e componentes com eficiência.

Explore o plugin "Selection Variants" no Figma, Este recurso, atualmente na fila de espera, permite aprimorar o design de interfaces, facilitando a seleção e personalização de variantes em seus projetos.

Gerencie centralmente suas camadas bloqueadas com o Unlocker – Figma. Este plugin, criado por Figma.Cool, facilita o desbloqueio e o gerenciamento eficiente das camadas em seus projetos. Disponível na comunidade Figma, pode ser acessado em

Refatoração de nomes de tokens para manutenção de sistemas de design, abordando desafios, processos colaborativos e implementação de uma convenção unificada que melhora a colaboração entre designers e desenvolvedores, garantindo consistência e escala…

Design Lint é um plugin para Figma que identifica e corrige erros de estilos em seus designs. Ele oferece uma visualização de erros por categoria, permite corrigir múltiplos erros de uma só vez e suporta arquivos grandes com até 10.000 camadas.

Able é um plugin do Figma que facilita a acessibilidade, permitindo comparar contraste de cores e simular daltonismo em camadas selecionadas. Com design minimalista e fácil de usar, ajuda a evitar problemas comuns de acessibilidade. Disponível no

A página "Figma Product Design & Writing Career Levels" apresenta a abordagem da organização de design da Figma sobre desempenho em diferentes níveis, incluindo um gráfico de habilidades e descrições detalhadas das competências essenciais esperadas e…

Cheatsheet do Processo de Design System, Ideal para equipes que buscam otimizar seus fluxos de trabalho de design e garantir consistência visual.

Explore o sistema de design na Galeria de Componentes, uma plataforma que oferece uma coleção diversificada de componentes de design para aprimorar seus projetos.

Explore a galeria de componentes da web com exemplos de botões, cartões, modais e muito mais. para visualizar 104 alertas, 123 botões e 88 botões de rádio, entre outros. Ideal para desenvolvedores e designers em busca de inspiração e recursos.

Organize seus arquivos de forma eficiente com o "Pages Organizer" para Figma. Este plugin permite criar páginas, seções e separadores, utilizando modelos padrão ou personalizados. Importe e exporte suas configurações para manter tudo organizado.

A equipe de design do @bunsenstudio está compilando uma lista de seus plugins favoritos do Figma. O projeto está atualmente no backlog e pode ser acompanhado através do link

Neste artigo da Medium, Brooke Altman compartilha como a equipe de design da Deliveroo aprimorou seu fluxo de trabalho no Figma em 15%.

Conjunto de mais de 40 documentos editáveis para designers de diversas áreas, criado por Elvis Obi e Andikan Bassey, com a colaboração de outros sete profissionais.

Modelo de Proposta de Projeto disponível na Comunidade Figma. Este template simples e bonito facilita o envio de propostas para projetos, incluindo páginas de capa, introdução do projeto, preços e prazos, além de termos e condições.

Modelo de contrato freelance disponível na comunidade Figma.

Guia de Estilo para Fotografia AI Midjourney 2.0. URL: Inclui um PDF com imagens e prompts, ideal para aprimorar sua experiência em fotografia digital com IA.

Explore o "Mapa de Taxonomia de Variáveis da Vodafone UK" disponível na comunidade Figma. Acesse em:

Shape Shifter é um plugin para Figma que permite a manipulação avançada de formas. Com status de backlog, foi Para mais informações,

Um UI kit gratuito e abrangente com centenas de componentes seguindo princípios modernos de sistemas de design. Perfeito para iniciar novos projetos rapidamente.

Um guia em PDF gratuito da InVision cobrindo tudo o que você precisa saber para criar e escalar sistemas de design. Essencial para quem trabalha com design systems.

Sistema de design com componentes essenciais. Atualmente no backlog, o projeto foi Para mais informações,

Repositório de Design System com status de backlog, Acesse em para explorar recursos e diretrizes que podem aprimorar a consistência e a eficiência no design de sua aplicação.

Componentes de UI disponíveis no site Status atual: Backlog. Ideal para desenvolvedores em busca de recursos visuais e funcionais para aprimorar suas interfaces. Explore a galeria e otimize seu design!

Guia do Sistema de Design: um recurso essencial para desenvolvedores e designers,

Durves é uma ferramenta de design e padrões, criada por Filipe Esteves. Atualmente está em backlog, com a versão 1.0.2 disponível. Para mais informações,

Aprenda como utilizar IA em sistemas de design no com este vídeo do YouTube. O conteúdo está em backlog e foi Acompanhe a discussão através da transcrição disponível. Assista aqui:

Um conjunto de skills para aprimorar interfaces construídas por agentes de IA.

Um repositório atualizado de componentes de interface baseado em exemplos do mundo de design systems — referência essencial para quem constrói UIs.

Um checklist open-source para ajudar você a planejar, construir e crescer o seu design system.

Uma coleção curada de princípios de design usados como frameworks de tomada de decisão, com exemplos práticos para equipes que constroem produtos.

Aprenda a construir uma biblioteca de componentes de sucesso no Webflow com este vídeo do YouTube. O conteúdo abrange práticas recomendadas e estratégias para otimizar seu fluxo de trabalho.

Aprenda a criar um sistema de design com Figma neste curso completo disponível no YouTube. O vídeo, criado em 8 de março de 2023, está no backlog e pode ser acessado através do link:

Adam Wathan apresenta "Designing a Component Library" na Laracon US 2024, realizada em Dallas, TX. O vídeo, que pode ser acessado está atualmente na lista de tarefas.

Banco de Dados de Sistemas de Design: Um repositório em backlog Acesse em para explorar e gerenciar sistemas de design de forma eficiente e organizada.

Explore o "Design Inspiration Websites Landing Pages" no Figma, Este projeto, atualmente na backlog, oferece uma coleção de inspirações de design para páginas de aterrissagem. para mais detalhes.

Este projeto converte as classes dos componentes nativos do Webflow (como nav, tabs, etc.) para utilizar as classes e funções do Bootstrap 4. O repositório pode ser acessado em

Análise detalhada do "Stripe GTM Breakdown" disponível no Figma. O projeto, Acesse através do link:

O vídeo explica um processo geral sobre como copiar e colar dados de componentes no Webflow, destacando que é possível usar o para obter os dados JSON copiados ao selecionar um elemento no Designer.