Sketch Tutorials

Schetshulpmiddelen voor het beheren van een ontwerpsysteem

Lijst met schets-app-extensies voor het organiseren en onderhouden van een verzameling gebruikersinterfaces.

Het bouwen van een goed gestructureerde activacollectie is een overheersende taak van de ontwerpers. Deze niet-materiële levensvorm kan samen met uw merk wild worden en voortdurend een aantal verschillende uitdagingen voor u of uw team genereren.

Als je ooit dit pad bent ingeslagen, is hier een lijst met handige tools die de functionaliteit van de schets-app kunnen uitbreiden om je te helpen in verschillende stadia van het maken van een ontwerpsysteem, waardoor onnodige pixels worden verwijderd en het document schoon en nuttig blijft, zodat je tijd hebt om te genieten een goede dag.

De vermelde plug-ins zijn compatibel en werden gebruikt tijdens het proces om het Frames Design System en andere Robowolf-producten mogelijk te maken. Veel dank aan de auteurs en medewerkers van deze behulpzame kleine vriendjes.

loper

Downloaden - http://sketchrunner.com/

Meest populair en bekend in de schetsgemeenschap - een must voor een plug-in die uw workflow ten goede komt met een breed scala aan voordelen, hier is mijn top 5 als het gaat om een ​​schaalbaar project.

  • Snelle navigatie door meerdere bibliotheken, componenten of alleen symbolen.
  • Supersnel voor het vinden en installeren van andere plug-ins.
  • Biedt extra slots in uw inventaris, door een afzonderlijk rennermenu te integreren in de schetswerkbalk.
  • Kan gedeelde stijlen toepassen op meerdere lagen.
  • Het Runner-menu kan u helpen bij het beheren van favoriete plug-ins en wat belangrijker individuele commando's zijn die super handig zijn als u 2-5 plug-ins per dag installeert en een puinhoop in het plug-inmenu hebt.
U kunt zelfs scheidingstekens toevoegen om er groepen van te maken.

Hernoem het

Downloaden - http://rodi01.github.io/RenameIt/

Als u alle elementen georganiseerd houdt, moet u veel symbolen, lagen en tekengebieden hernoemen, hernoemen. Hernoem het plug-in maakt al het zware werk, gebruik het om snel namen van schetsobjecten te vinden en te vervangen en ze te vervangen door de nieuwe. Het mogelijk maken van veranderingen in de verlichtingssnelheid binnen de hele kitstructuur.

Gebruik  om symbolen in verschillende categorieën en menugroepen op te delen
  • De plug-in heeft goed nuttige resultaten voor het hernoemen in het voorbeeldgedeelte.
  • U kunt trefwoorden gebruiken om precieze resultaten vooraf te definiëren.

Sketch Style Master

Downloaden - https://github.com/aparajita/sketch-style-master

Een uitstekende plug-in die functionaliteit voor het beheer van tekststijlen toevoegt aan de schets-app, dit betekent dat u niet meer op elke naam van een tekststijl in een smal venster hoeft te klikken om een ​​bepaalde stijl te hernoemen. Deze tool biedt veel coole opties als het gaat om het werken met tekststijlen waarmee je je typestijlen heel eenvoudig en nog meer kunt beheren.

  • Heeft een flexibele zoekfunctie waarmee u snel meerdere tekststijlen kunt vinden en overschrijven.
  • Heeft een handige preview UI met een optie om door alle gebruikte tekststijlen te kijken.
  • Zeer handig voor het organiseren en opslaan van tekststijlen in groepen met behulp van de basisnaamgevingsstructuur, bijvoorbeeld Roboto / Body / Black
  • Helpt me altijd om snel lettertypen in het document te wisselen:
Lettertypen verwisselen en de menuhiërarchie van de tekststijl behouden.

Symbool Manager

Website - https://gumroad.com/l/sketch-symbols-manager

Met deze plug-in kunt u mappen voor uw symbolen maken en een structuur organiseren door symbolen van de ene map naar de andere te slepen met een interface in zoekerstijl. Betaald, en nog steeds een aantal interacties om te polijsten, maar auteur maakt updates, dus ik hoop dat deze aanpak zal evolueren of vervangen door native opties, omdat interne symboolmanager geweldig werk kan leveren in het proces van het organiseren van grote documenten.

  • Wijzigingen in de selecties hebben invloed op de naamgeving van elk symbool.

Symbool organisator

Downloaden - https://github.com/sonburn/symbol-organizer

Als je ooit hebt geprobeerd je symboolpagina handmatig te organiseren, ken je de pijn, maar dankzij deze handige plug-in die het mogelijk maakt om je symboolpagina snel te structureren in visuele groepen die worden bepaald door de symbolen in alfabetische volgorde, erg handig in de laatste ontwerpfasen bij het voorbereiden van je collectie voor de showdown.

U kunt de groepen vooraf definiëren met

Abstract

Downloaden - https://www.goabstract.com/

Het bouwen van een schaalbare UI-kit is altijd zwaar werk van verschillende personen. Wanneer u door een team gaat, ziet u de noodzaak voor iedereen om op dezelfde pagina te blijven en de iteratie van de vorige medewerker te controleren. Met Abstract kan iedereen in het team toegang hebben tot hetzelfde masterbestand en tot andere handige functies.

  • Net als Github heeft u altijd een optie om vanuit het hoofdbestand te vertakken om uw versie van het document te maken.
  • Controleer de wijzigingen en kies welke u wilt behouden en welke u wilt verwijderen.
  • Gebruik het versiegeschiedenislogboek om samen te werken met behulp van opmerkingen en commits.
Tip - open altijd het hoofdbestand van Abstract, hierdoor blijven alle wijzigingen in uw bestand onthouden / vastgelegd door de Abstract-app.

Memorabele vermeldingen

  • Schetsmaatregelen - Geweldig om specificaties te maken en middelen te exporteren voor ontwikkelaars en collega's, als u Zeplin of Sympli niet voor dit doel gebruikt.
  • Dubbele symbolen samenvoegen - Nuttig voor het ontsnappen van de stoornis in uw hoofdbestand en componenten samenvoegen met naam-dubbele symbolen.
  • Unused Style Remover - Vind alle instanties van een gedeelde laag of tekststijl en verwijder ze.
  • Symboolstatus - Geeft u de mogelijkheid om overschrijvingen in elk symbool op te slaan als verschillende componentstaten voor verdere kans om ertussen te schakelen.
  • Sleutels - gebruik deze om een ​​reeks combo's te binden via sneltoetsen, bijvoorbeeld ⌃⌘A [Selecteer alle tekengebieden] + ⌘RF [Formaat aanpassen aan inhoud] - om het formaat van de tekengebiedeigenschappen snel in / uit te schakelen.

Voordat je weggaat

Ontvang een kopie van Frames Design System en bespaar jezelf honderden uren aan een nieuw project in de Sketch-app. Frames is eenvoudig aan te passen en aan te passen aan je merk. ️

  • Download Frames gratis bronnen, bezoek → Sketchappsources.com
  • Volg op Twitter en Dribbble voor meer designgerelateerde artikelen en freebies.