2
fillsanches
1 min de leitura ·

Flutter Icons Explorer: busca e prototipagem visual de Material Icons

Olá!
Aos devs Flutter e entusiastas, desenvolvi o Flutter Icons Explorer, para resolver um problema patético que sempre tinha em projetos Flutter: localizar rapidamente um Material Icon.

Se trata de uma ferramenta online que permite pesquisar, filtrar e copiar constantes Icons.* por versão do Flutter (1.x, 2.x 3.x) e pelos estilos Base, Outlined, Rounded e Sharp.
Também incluí a ferramenta Design Test, uma área de prototipagem para testar ícones em menus, botões e listas. É possível ajustar cores, tamanho, espaçamento, direção, formato e tema da prévia.

Tudo funciona diretamente no navegador.
Teste aqui: https://tools.nettvo.com/flutter/

Feedbacks sobre usabilidade, busca e possíveis novos componentes para o Design Test são bem-vindos.

Carregando publicação patrocinada...
1

Legal, não cheguei a testar mto, mas tem 3 pontos q achei interessante q vc pode melhorar.

  • ali vc só usou o Icons default do material do flutter. Pense já na possibilidade de expandir para outros packages de icones, tipo, tem o font_awesome_flutter, fluentui_system_icons e mtos outros (https://fluttergems.dev/icons/).
  • outra coisa, é no design da sua tela... é q pra mtas coisas eu sempre penso em otimizar visualmente... e aquele botãozinho gigante de colar em cada Card... kkkkk, parece meio discrepante, ahahaha. Bom, ve ai o q acha melhor.
  • e a ultima é o titulo e o texto. eu achei meio grande demais ali, nao sei se vale a pena destacar ele. mas isso é coisa de design, entao é contigo o q acha mais elegante.

de resto parece ok.

1

Adorei seus comentários @tuboi!

  • Inicialmente só pensei em mostrar o Material do Flutter porque é mais chato que visualizar para mim, mas expandiar para outros packages parece uma ideia natural.
  • Realmente o botão de copiar está roubando uma área danada! Será alterado.
  • Rapaz, nos meus monitores aqui 17" 2k e 24" FHD, o tamanho parece pequeno o suficiente. O tamahho das fontes está menor que no site do react.dev e vercel.com.