Melhor resposta
A estrutura de interface do usuário ajuda a acelerar o desenvolvimento de aplicativos front-end.
Isso permite que os desenvolvedores para construir um aplicativo para vários dispositivos atraente e responsivo, sem habilidades técnicas e de design profundas.
Vamos dar um exemplo de Bootstrap Framework (trabalhado nele) criado pelo desenvolvedor do Twitter e ver a funcionalidade que ele oferece:
1) É de código aberto e de uso gratuito.
2) Construído sobre layout de grades de 12 colunas responsivo.
3) Estilo e aprimorado todos os elementos HTML fundamentais .
4) compatibilidade para quase todos os navegadores.
5) personalizável de acordo com os designs do seu projeto.
6) Possui uma grande comunidade de suporte.
Resposta
Olá, no momento sou um usuário do Sketch . Como você provavelmente sabe, o Sketch se tornou o padrão da indústria e você pode encontrar centenas de recursos online para impulsionar seu fluxo de trabalho. Em relação às novas ferramentas, realmente depende das suas necessidades. Vou relatar a você alguns dos novos softwares que, em minha opinião, vale a pena levar em consideração:
- Figma – Estou constantemente acompanhando o que esses caras estão fazendo. Parece que essa ferramenta atingiu um nível de maturidade extraordinário, conheço muitos designers que a usam, e parece que eles criaram perfeitamente a ponte entre designers e desenvolvedores usando a tecnologia React Native . Por que ainda não a uso : é uma ferramenta baseada na web, a Figma não oferece uma offline , embora já tenham desenvolvido um aplicativo para desktop
- UX Pin – UXPin foi considerado uma ferramenta de wireframing por um longo tempo. No entanto, nos últimos anos eles melhoraram muitos detalhes e usando-o você será capaz de criar interfaces bonitas. É um poderoso ferramenta que oferece uma ampla gama de bibliotecas prontas de elementos e mantém a documentação de seu design sempre atualizada sem esforço. Seus desenvolvedores realmente apreciarão a maneira como você compartilhará seus designs com eles. Por que ainda não o uso : também UXPin é uma ferramenta baseada na web, no momento não oferece um experiência offline
- Invisio n Studio – Eu instalei, a integração com o ecossistema Invision é uma grande vantagem. Além disso, as funcionalidades de animação e interação são muito suaves. Por que ainda não o uso: Estilos e objetos inteligentes ainda estão longe do Sketch, também a estabilidade e muitas falhas de interface fazem com que não seja um produto ainda maduro
- Framer e Framer X: Este é o futuro. Acredito que eles vão vencer as competições. Integração total de código e ferramenta de design super-promissora. Além disso, você pode criar e codificar qualquer tipo de protótipo interativo, as possibilidades são infinitas. Se você está pensando em usar o Sketch, verifique estes plug-ins:
- verifique este plug-in para converter seu design em código HTML e criar interações animadas
- se você estiver interessado em converter seu design de esboço em Protótipos React totalmente funcionais, verifique este novo plug-in chamado Sketch2React Se você quiser ler mais sobre ferramentas de prototipagem, verifique esta revisão que meu colega fez recentemente.