Is it better than Sketch or Adobe CC?
I always enjoy reviewing how others complete their walkthroughs. It’s interesting to see how they simplify the complicated.
…Most go the route of pop-ups & tool tips.
In Figma’s case, the copy does have personality and it is welcoming without overshare or information overload. But it would’ve been a bit better to draw the users attention and direct focus, by highlighting the areas which the tool tips are referencing. First impressions…dashboard is too busy. But it’s neat enough to still be cool…full overview of each workspace works for me.
Import Sketch + Photoshop
It’s always good to have the option to import your existing designs, especially if starting with new teams who are currently using this…just jump in and start running, instead of having to recreate from scratch.
(Adobe & Sketch why can’t you guys just merge?…so that the Adobe/Sketch integration issue can be resolved. It would be awesome to import between Adobe/Sketch. The Sketch to PSD info online all says that you first have to save Sketch file to pdf, then import in Illustrator and export as PSD. Tried it…it sucks.
A sketch pdf is not the same as an Illustrator pdf.
When working with “Window-shoppers” (Someone who uses Photoshop and Windows) you have to use what they use…this slows everything down, as everything has to be recreated to accommodate). — Why else am I researching better tools?! Adobe & Sketch, you have failed me. I refuse to design UI in Photoshop any longer.
— -I miss the days of seamless jumping between InDesign, Illustrator and Photoshop, life was so simple then…(And that took Adobe how many years to do?! To paste vector from Illustrator to Photoshop as smart object, without having to first “export as”) …Why can’t the world consist only of vectors and all files just be interchangeable between all software? — If only
Part of me wishes that the whole world just used Adobe CC, so that life could be simple. But then again, it’s nice to know there are tons of new software out there to test, for me to compare and measure just how much Adobe exceeds them. (in some cases Sketch wins…but mostly Adobe)
Edit existing files/templates
Just like Sketch, you have access to Google Material Design template. And any Sketch UI kit can be imported. Or be brave…create from scratch in Figma.
Didn’t test this section …yet!. But it would seem to be similar to Adobe Reflow & UXPin, where you’d just add in breakpoints to create adaptive layouts. All software should just come standard with this feature.
Grid Systems for Screen Design
In the 1950s, a small group of Swiss designers started searching for a better way of systematizing how information was…
Already I like this application.
Wow! Vector networks
This is one area I can honestly say they’ve beat Adobe. (Adobe, please put this feature in Illustrator & XD?) But as far as image quality in work mode — Sketch vectors just look sooo much better. I don’t know why, but creating vectors in Sketch just seems more “perfect” than in illustrator. (But neither Sketch or Adobe has vector networks — so Figma wins this round)
Introducing Vector Networks
Before I co-founded Figma my background was in game development, not in design. I remember being very surprised when I…
Library — assets/components
This is a basic “must have” for all applications.
Ok so we can delete InVision...?
Sharing & permissions
Multiplayer : Real time collaboration!
That’s really cool. Real time collaboration…ok, this definitely beats InVision. No syncing or waiting & no merging issues. (I seriously hate waiting). To have more than one team member editing simultaneously…I wonder if this could get messy, (you’d have to really trust the other person then), but it does seem like a good idea.
Adobe CC has something similar with their browser collaboration option. So, if Figma had come up with this years ago, they could win. (But Adobe had this ages ago, so…Adobe wins!)
Live device preview (Figma Mirror — iOS)
This is a standard feature in all prototyping applications…If they didn’t have this basic feature, then we can worry…Please take note Axure….there are many standard features which you lack.
A few Photoshop effects available. Like Darken, Multiply, Colour Burn, Lighten, Screen & Colour Dodge. Personally, I would just use Photoshop for all image effects, and then bring into Figma for adding design notes etc. Why use a rip off software when you can use the original? Use the right tools for the job. Photoshop is for images, so stick with it for image manipulation. Even Sketch’s attempt at Photoshop effects just doesn’t compare to the leader. (Photoshop wins this round!)
Supports Google web fonts.
Groups & Artboards
Groups and artboards are combined in Figma. Auto size groups behave like groups; while manual size groups behave like artboards.
Define how objects will respond depending on frame size.
Now that’s awesome! Slack integration!
Ok, so if you have all the pages and notes/comments/multiplayer editing capabilities in Figma, then you wouldn’t need InVision at all. But having the instant option for updates in Slack is a bonus.
Ok but wait…Where’s the toolbox panels?
Why aren’t there panels with icons … I’m sorry, but why didn’t they just do it like Adobe? Now I must read everything? Why? …I suppose you could get used to it.
This program makes sense if you know all the shortcuts
Luckily, there are shortcuts provided in your drafts section
Keyboard shortcuts for File/Properties, Vector, Text & Object…which I have no intention of reading any time soon.
Figma Font installer (only download if working in browser)*
Download font installer before importing Sketch file to new project, or import will fail.
*Desktop App doesn’t require font installer
The nice part is, that when you import your Sketch file, it opens up as separate categories, namely, Symbols, Styles and Colour Palette. I see this as a good piece in workflow for creating your visual design system, and keeping everything in one centralised point for various team members to work from or reference. No risks of having too many versions from too many designers. Everyone just works with the one file to update and improve library along the way. (Once again…a trust issue for a solo designer)
You’ll find the option to download Font Installer in the menu under “Personal”
Interactivity : Framer
HTML / JS / CSS
Introducing Figma’s Integration with Framer
Today I’m excited to announce Figma is integrating with Framer! After releasing Figma in beta last December, our top…
Vector [ ✓ ]
Project Management [ ✓ ]
Wireframes [ ✓ ]
Hi-fi Prototype [ ✓ ] — Sketch/Photoshop import options or Create new in Editor
Adaptive layouts [ ✓ ]
Custom Libraries [ ✓ ]
Create : Design System— [ ✓ ]
CSS (add to elements) [ ✓ ]
Interactivity [ ✓ ] —Integrates with Framer : (Live editing) to add layers, states & events (create design and the code is created for you) — So basically Framer to Figma is what Principle is for Sketch
Collaboration [ ✓ ] — multiplayer editing mode (Great for the iterative design process — feedback loop always open!)
User Interview preparation [ No ] — Figma is ideal for Collaborative effort in the creation of a Visual Design System.
User Testing [ ✓ ] — Not to the extent of UXPin. In this case you’ll have to use Figma mirror for device preview, and record via another application like LookBack* … Unless there is a record option in Figma, but I don’t see it.
*by the way, LookBack is no longer free…but it is definitely worth getting.
Version control [ ✓ ]
Export options [ ✓ ] Png, Jpg, Svg, Fig
User Interface Management System [ ✓ ]
Platform independent [ ✓ ] — Online & Offline editing. No Mac vs PC dilemma : Mac & Windows Desktop downloads available. (& Runs on cloud, in browser — So to all the Photoshoppers who use the excuse that they don’t want to move to Sketch because it’s Mac only…there’s no longer an excuse to hold the team back.
Budget buy — for the freelancer/startup [ ✓ ] — 3 month trial, instead of the usual 7–30 day trial of most apps. Play for 3 months, then decide if it’s an investment or not. (but you’d still have to download something like LookBack for UT and Framer for interactive prototypes)
On the whole it’s basically like Sketch with a dark UI and missing the plugins and symbols (missing symbols makes me not really want to use it at all). But it does have the Project Management side of things, which Sketch lacks, and to be able to work in real time with multiple team members eliminates so much wasted time of waiting for responses (multiplayer editing and vector networks is freakin’ awesome!). Considering it doesn’t have the cool UT features like UXPin, it makes up for it with multiplayer mode.
It makes sense to work efficiently with symbols and plugins in Sketch, or to add Figma to your workflow to pimp your Photoshop process.
For those who want to stick with Photoshop, you can start in PS, and then use Figma thereafter to perfect your design system and standardise things in Figma.
If this is not what it’s meant to be used for, then sorry, but this is what makes sense to me. This is how I see the workflow, until both Adobe & Sketch catch up with each other and provide all the features within their respective applications.
For the Photoshoppers…It’s great to just use Adobe CC and ensure all your libraries sync. So that version control, assets, CSS etc are available to the rest of the team.
But I can see the benefits of using Figma. I just don’t see it as replacing Sketch unless it adds symbols feature. And the fact that it’s vector…well, I’m half sold.
Personally, I know in the long run, Adobe XD will win the battle of the prototyping software. I haven’t used it yet, but I’m sure it will win, mostly because
it’s platform independent, and most designers would make the move from Photoshop to XD quicker, based on the similar workspace — easier transition. (For now…Sketch is still on top)
But Figma is in a league of it’s own for now. I see it as an add-on in the current workflow…but if they add a symbols feature in Figma, then I’ll cross over.
Here’s a nice breakdown of Figma vs Sketch by a unicorn who designs, codes and writes: Mengto…It’s worth reading.
Just in case you’re wondering, I am not affiliated with any company ( — I do not get paid to write). On a mission to sift through the bullsh*t and test products/processes for myself. Because there are no definite answers, only opinions everywhere.
I am not an expert. I have just found hacks to do what I need to. And always question if there’s a “right” or better way. I’m an “almost” normal “Design.erd” who works remotely in search of better processes, people, products…while adding to my principles along the way.
These are my opinions, based on curiosity, a desire for knowledge and inspired by my values. It’s not rocket science!
← P R E V I O U S Axure: still on a mission to find the ultimate prototyping tool
If you enjoyed this article, don’t be shy… tap the ♥ or follow this publication