Troque estilos de texto
Este é um plug -in de figma privado para testar como o uso de diferentes famílias de fontes apareceria em um determinado design. Ele usa estilos de texto locais para identificar a família e o estilo da fonte para trocar. Está aberto para qualquer um duplicar isso e testá -lo em seus arquivos.
Como usar
Este plug -in conta com estilos de texto para trocar. Para começar:
- Crie os estilos de texto para cada família de fontes que você deseja explorar. Certifique -se de ter uma hierarquia (rígida 1, cabeçalho 2, etc)
- Crie um design usando um dos estilos de texto
- Configure seu ambiente para executar plugins de figma (consulte a documentação do figma)
- Substitua as seguintes áreas do código pelas suas necessidades:
- Adicione as famílias de fontes e os estilos nas linhas 16-74 em Code.ts.
- Adicione os IDs de estilo nas linhas 93-271 em Code.ts. Você pode encontrá -los no arquivo abrindo o console no figma e executando o figma.getLocalTextStyles () e verificando o ID para cada nó.
- Ajuste os estilos nas linhas 291-353 no código.ts.
- Ajusta os idiomas nas linhas 5-13 na UI.html.
- Selecione o (s) quadro (s) e execute o plug -in!
Demonstração
Para o meu arquivo, tenho 9 fontes que variam de 1 a um corpo minúsculo. Este exemplo mostra a queda de Noto Sans para Tahoma.
