Bästa svaret
Skiss används för att skapa en design. Invision används för att visa upp en design.
För ett exempel vill du designa en app. Med Sketch kan du enkelt designa skärmarna. Nu kommer nästa steg att antingen demo klienten eller dina potentiella användare eller bland teammedlemmarna för att få feedback. Det här steget Invision kommer till scenen.
Med Invision kommer du att kunna skapa flödet för att hjälpa andra att förstå hur appen fungerar. Andra kan också kommentera det mot varje skärm och hjälpa dig att hålla reda på feedbacken.
Som när vi arbetar med Skiss till XML-design av en app kunder delar oftare flödet med oss via Invision eller Marvel-appen, men när vi faktiskt gör apputvecklingen från designen ber vi om skissfilen, eftersom det hjälper oss att få de resurser som används i appen enkelt.
Hoppas, det här svarar på din fråga.
Tack, Ranit medgrundare av RedElegant
Svar
Vårt team på 3 (inklusive mig själv) har använt Figma i ungefär tre månader sedan juli 2018 och här är de ärliga fördelar / nackdelar som vi såg.
Vad jag gillar:
- Du har förmodligen redan vet det, Figma har många likheter med Sketch, att flytta från Sketch till Figma är ganska lätt, nästan som att flytta mellan Adobe Illustrator till Photoshop eller Fireworks to Sketch. Genvägar är desamma, tavlor är desamma, allmän layout (vänster lager, höger egenskaper) liknar och så vidare. Ditt team kommer förmodligen inte att ha större problem att växla mellan Sketch och Figma, inte ens dagligen.
- Symbolerna aka Components-funktionen i Figma är imponerande när det gäller mängden åsidosättningar och hur du kan ha 1 komponent för flera tillstånd av ett element, stilar (utseende och känsla som färger) kan vara unika för varje instans av samma komponent.
- Teamversionering är fantastisk. Eftersom de projekt vi jobbar med dessa dagar blir större och större behövs mer än 1 designer (t.ex. en ledare och en junior) för att arbeta med ett projekt. Vi behöver inte längre hantera flera Sketch-filer i Dropbox (vi har inte testat Abstrakt ännu) och slå samman olika artboards till en master Sketch-fil och hantera plötsliga flera instanser av samma symboler etc.
- När det gäller samarbete är det också mycket enkelt att granska design gjorda av varandra, vi kan båda titta på samma konsttavla, göra justeringar för att rätta till misstag och förbättra designen. Det är här Figma gör det riktigt bra med att stödja pardesign (motsvarande parprogrammering). Vi lär oss tillsammans när vi designar tillsammans.
- Eftersom Figma är ett webbaserat verktyg är funktionsutgåvor nästan transparenta, ingen nedladdning, olika versioner av Sketch, alla har samma version varje gång.
Vad gör mig galen:
- Figma är som ett barn som inte spelar särskilt bra med andra barn, inte ens hans äldre bror Sketch. De enda barnen som Figma spelar bra med är konstiga barn på blocket som Dropbox Paper, JIRA (var är sammanflöde ?!) etc. Även om han har öppnat nu för att leka med Zeplin och Avocode, de andra stora verktygen vi använder för animering, detaljerade prototyping, klientgranskning är fortfarande ett stort krångel.
- I Sketch-världen, när Sketch inte spelar bra med andra barn, har vi plug-ins för att överbrygga det gapet för att utöka Sketchs funktioner. Invision Craft, Real Time Board, Zeplin, etc. Jag saknar verkligen de dagar där jag bara kunde kopiera ett konsttavla i Sketch och bara klistra in det på saker som Powerpoint, Google Slides, Word eller var som helst. Figma? Välj, ställ in exportinställningarna, Exportera, Hitta filen i Finder, dra och infoga i ett annat program. Om jag har att göra med 100 skärmar kommer jag att slösa alltför mycket tid med att flytta saker och fokusera inte på att lösa problem.
- ”Men varför kan du inte bara låta folk se dina mönster på Figma direkt? Det är vad Figma förhandsgranskning är rätt? ” En utvecklare som vi arbetade med skickade mig just detta:
Jag gjorde bara ett snabbt riktmärke för det med Chrome: s aktivitetshanterare
Bara att ladda in sidan (”Unee -T-Designs ”) är under en maximal CPU-belastning på 250\% (med en 7: e generationens i7-processor) och minnesfotavtryck på 350MB
Efter att den laddats klättrar minnesfotavtrycket upp till 1.1 GB och sätter sig slutligen runt 950MB med en konstant CPU-belastning på 10-30\%: skrik:
Laddar ”Unee-T-Inspection-Report-v3-01” i jämförelse, orsakar en CPU-belastning under laddning tiden som är nästan lika hög, men minnesfotavtrycket når en höjd på 450 MB, vilket gör det mer hanterbart
Att förhandsgranska designerna på Figma för klienter, oavsett om det handlar om utvecklare eller kommenterar är helt enkelt fruktansvärt. Vi som designers kan uthärda den typ av resurser som Figma använder på vår maskin men våra kunder inte. Laddningstiden för 1 skärm på Figma vs Invision är 15 sekunder mot mindre än 1 sekund.
Detta är den absolut största frågan vi har. Eftersom klienter och utvecklare inte kan förhandsgranska eller se designen på Figma väl måste vi exportera våra skärmar till vanliga plattformar (Invision, Realtime Board) och den här processen slösar bort tid.
Vad är poängen med använder Figma i första hand när det antar att vara där ”allt” sker i ett enda verktyg?
Under de senaste 3 månaderna av att använda Figma, är det ofta tider där jag kände ”Fan, jag behöver flytta tillbaka till skiss ”bara för att förstå, förlåt, Figma är en enkelriktad gata. Tyvärr flyttas alla tre av mina projekt till Figma med den stora visionen om att det ska bli bättre i framtiden, jag kan bara hoppas att Figma förbättras snabbt för att tillgodose kundernas behov så snart.
Ett verktyg måste tillgodose inte bara för Designer-personan måste den ta hänsyn till hela användarsystemet kring användarna och hur verktyget spelar bra med dessa olika ”intressenter”.
Hoppas det hjälper för alla som vill flytta till Figma .