PinNote

About this plugin

Comunique com clareza. Colabore com eficiência.

Com o PinNote, você pode adicionar notas diretamente nos elementos do design. Cada nota pode ser classificada por categorias inteligentes como Acessibilidade, Desenvolvimento, Interações, Bug Report, Regra de Negócio, entre outras. Cada categoria oferece recursos específicos, como trechos de código, mensagens para leitores de tela, descrição de interações e links.

O plugin também permite criar categorias personalizadas com ícones e cores definidas por você! As notas são organizadas automaticamente, com posicionamento inteligente e numeração visual, facilitando a leitura mesmo em arquivos complexos.

Para quem é esse plugin?

O PinNote foi criado para:

1. Product Designers que querem entregar projetos mais claros, documentados e colaborativos.
2. UX/UI Designers que precisam deixar orientações específicas sobre interações, regras de negócio e acessibilidade.
3. Desenvolvedores que desejam encontrar rapidamente tudo o que precisam para implementar uma interface com fidelidade.
4. Líderes de produto e stakeholders que querem acompanhar decisões de design com transparência.
5. Times multidisciplinares que buscam reduzir fricções no processo de handoff e ganhar eficiência.

FAQ - Perguntas Frequentes

Como faço para mover uma nota depois de criada?

R: As notas podem ser movidas normalmente como qualquer outro elemento do Figma. Basta selecionar e arrastar para a nova posição. O indicador numérico permanecerá vinculado ao elemento original.

É possível editar uma nota existente?

R: Sim, basta dar duplo clique na nota para abrir o modo de edição. Você pode modificar título, descrição, código e outros campos. A tag principal não pode ser alterada para manter a consistência.

Como funciona a numeração automática?

R: A numeração é sequencial por elemento. Quando você habilita a numeração, o plugin mantém um contador global e atribui o próximo número disponível. A numeração persiste mesmo se você deletar notas intermediárias.

As cores das tags são personalizáveis?

R: Cada tag tem uma cor padrão otimizada para legibilidade, mas elas podem ser alteradas de acordo com as preferências do usuário. As tags estão definidas por default como:

- Acessibilidade: #00EEFF

- Desenvolvimento: #55EF71

- Nota: #F9E444

- Alterações: #FF9925

- Regra de negócio: #CD79F4

- Interações: #FF5959

- Bug report: #FF59C8

Existe um limite de notas por elemento?

R: Não há limite técnico, mas por questões de organização e legibilidade, recomendamos não criar mais que 3-4 notas por elemento.

Como as notas são organizadas quando há várias no mesmo elemento?

R: O plugin posiciona as notas automaticamente, primeiro tentando à direita e depois abaixo das notas existentes, mantendo um espaçamento de 16px entre elas.

O plugin funciona com componentes do Figma?

R: Sim, o plugin funciona com qualquer elemento selecionável do Figma, incluindo componentes, instâncias, grupos e frames.

Outros usuários podem ver minhas notas?

R: Sim, as notas são visíveis para todos que têm acesso ao arquivo do Figma. O nome do autor e timestamp são preservados para manter o histórico.

É possível comentar em notas existentes?

R: Atualmente não há sistema de comentários nas notas, mas você pode usar o sistema de comentários nativo do Figma para discutir sobre uma nota específica ou editar o conteúdo da nota.

Posso criar tags personalizadas?

R: Sim, usando a opção "Personalizado" você pode definir sua própria cor e ícone para a tag. As configurações são salvas para reutilização.

Quais idiomas o PinNote suporta?

R: O PinNote possui suporte para os idiomas português (padrão), inglês e espanhol, permitindo que você utilize o plugin no idioma que preferir.

Posso desativar a exibição do nome do autor e da data nas notas?

R: Sim! É possível ocultar o nome do autor e a data de criação das notas através do botão mais opções, deixando a visualização mais limpa conforme sua necessidade.

Dá para desativar a criação dos marcadores numéricos nas notas?

R: Sim, você pode desativar a criação dos indicadores, através do botão mais opções, para que as notas fiquem sem numeração visual, caso prefira um layout mais simples.

Como personalizar as cores das tags?

R: Você pode escolher cores diferentes das definidas por padrão para as tags. O PinNote sugere cores acessíveis, alinhadas às diretrizes WCAG, para garantir boa legibilidade. Além disso, é possível inserir qualquer cor personalizada usando códigos hexadecimais, acessando a opção “mais cores”.