top | item 12597915

Figma 1.0 – Collaborative interface design tool

340 points| bpierre | 9 years ago |figma.com | reply

58 comments

order
[+] webwielder2|9 years ago|reply
As a designer, I find it genuinely perplexing and distressing that UI design apps continue to get created that don't support automatic layouts. Dragging and nudging things around is horrendously inefficient. The one app that does this – Antetype – has been almost entirely ignored by the design community.

Here's an example: http://bendansby.com/antetype.gif

[+] gavinpc|9 years ago|reply
Absolutely. I can't stand precision mousing (or "pointing"). Just watching that demo makes me tense.

There will always be a place for people who want pixel perfection. I think that place is called print. Eventually, we're going to let go of the idea that we control layouts at the concrete level (as opposed to a more semantic level, i.e. describing relationships and constraints), but that future is harder to see.

[+] toddmorey|9 years ago|reply
Yes and ignores the multi-device climate where the designs ultimately will live. Makes me think the pixel-perfect prototype is creating a bit of a fiction. Of course most good designers keep that in mind, but I agree that it's really disappointing that more tools aren't built to have a responsive canvas where you can play with sizing and set how the design responds. The answer I hear is to get to HTML prototypes as soon as possible, but it's not as fast to "sketch" in that medium (thus frameworks like bootstrap), so I think potential ideas are left unexplored.
[+] panic|9 years ago|reply
Automatic layout systems can constrain your thinking. Especially early on, you want to be able to tweak things and try lots of different options. Once something is in the automatic layout system, it's easier to explore the space of options the system can handle. But making even a small change outside that space is much harder.
[+] ageektrapped|9 years ago|reply
That resize to mobile form factor at the end of the gif!

Made me watch it twice. I'll be checking Antetype out for that alone.

[+] dharma1|9 years ago|reply
Sketch has some plugins for constraints. In fact one of the nice things about Sketch is the plugin ecosystem to extend the features - I wonder if Figma will become extensible.
[+] on_and_off|9 years ago|reply
This. I always bang my head against a wall after getting new mockups from our design team. what happens for small screens ? what happens in landscape ? what happens for tablets ?

are questions they entirely ignore.

They just conceive one screen size (large smartphone) in sketch and can't be bothered to consider any edge case.

[+] spdustin|9 years ago|reply
Thank you for sharing AnteType. Seems brilliantly done, and I'm downloading a trial right now.
[+] vladdanilov|9 years ago|reply
I want to like Figma but they've chosen a rather limiting way for a professional design tool, cloud-first and based on web technologies.

Surely, Figma beats Sketch for modern interface design by using retained mode rendering (although sacrificed some quality [1]) and being superior at science and engineering.

But it's such an inefficient use of resources that it will die quickly on complex projects or illustrations. Raster graphics and any processing on CPU is also a huge pain [2].

Yet it's in their power to make a proper offline app [3]. I hope they'll eventually choose this route. I also hope they won't be as greedy as Adobe.

[1] http://i.imgur.com/xWLoTWg.png

[2] https://twitter.com/evanwallace/status/673978171180474370

[3] https://twitter.com/evanwallace/status/673959396104273921

[+] abalone|9 years ago|reply
So you have to store your data in their cloud? How secure is their cloud? I'm not sure that model works for some companies. Visual prototypes can be really sensitive data, and each new proprietary cloud inevitably has bugs and security holes that need to be discovered and patched.

If you could plug in something vetted and thoroughly pen-tested like Dropbox that might work better. But a brand new cloud is almost guaranteed to have security holes, and I wonder how laser focused a design tool company can be on staying ahead of threats.

[+] josephpmay|9 years ago|reply
Figma is by far the best vector tool I've used in my life. What takes me an hour in Illustrator I can do in 20 minutes with Figma. (I'm sure if you'be been using Illustrator for 20 years and have all the keyboard shortcuts memorized you'd disagree, but I'm coming from the perspective of someone who uses this type of tool once every couple of weeks.)
[+] mmanfrin|9 years ago|reply
That is a fantastic landing page. Immediately shows what it is and how it's used without being an over-the-top display of CSS like half of all the app/service landing pages out there.
[+] sdegutis|9 years ago|reply
Realtime collaborative app for designers? Neat! Also glad to see that it does more than just mobile designs. I just feel bad for the designers who are going to try to use this with their non-designer customers.

Off topic, I wish I could have scrolled through the page without it causing my anxiety to flare up with the constant scroll-stuttering. This isn't a slow computer either, 24GB RAM and 3.2 GHz quad core Mac Pro.

[+] rasmusfabbe|9 years ago|reply
Is this on the "landing page" (figma.com/) or somewhere in the tool itself? We're really dedicated to performance and take this seriously.
[+] ryanSrich|9 years ago|reply
Chrome? I'm getting the same stuttering. Works flawlessly in Safari though.
[+] azinman2|9 years ago|reply
Was fluid on my iPad with safari
[+] sandGorgon|9 years ago|reply
I really hope this gains traction. Linux users are horribly crippled because Photoshop and Sketch dont work on it.
[+] dharma1|9 years ago|reply
I wish there was an open standard for layered vector/bitmap files, so it wouldn't matter what tool you use, and you could pass design source files around to people using whatever software they like.

Not an end delivery format, but a source file format.

[+] djfm|9 years ago|reply
Linux users design faster in HTML.
[+] slantview|9 years ago|reply
Historically, collaborative design is the best kind of design. Designers love when others go into their files and "fix" their work. /s
[+] intoverflow2|9 years ago|reply
This doesn't seem as bad as a lot of tools touting that as a benefit. Always have to cringe when I see collaborative design tools pitched where you upload your work for the whole team to start sticking their oars in as if that is ever a good workflow.
[+] ComteDeLaFere|9 years ago|reply
Yes, the demo on their site just made me tense. Do other designers enjoy working together in real time like that? I haven't seen that one before.
[+] Zyst|9 years ago|reply
Naming is pretty poor, a super popular Japanese figure company has that name, so SEO is spotty. The main site is at 4th ranked in search from what I see, but every single other result in Google is related to the toy company.
[+] hbosch|9 years ago|reply
The design app "Sketch" has an even poorer name, and they have done very well for themselves. I don't know how long it took, but they are my #1 result for the Google search keyword sketch.

Also, I believe at this point in time, doesn't everyone have slightly different Google results? Google tracks users for this reason, among others: to give them more relevant search results. For instance, when I google the word figma I get this design application as my #1 result [0]. I assume your tastes and browsing habits have informed Google that you are more likely looking for action figures rather than design software.

0. https://i.imgur.com/l3SpTpl.png

[+] knowtheory|9 years ago|reply
Yeah the internet is a crowded place. "figma design" works as a search query for it. Also "figma" is pretty easy to figure out how to spell and say according to the phonological rules of English, so that's all helpful.
[+] eknight15|9 years ago|reply
"Figma is free through the end of 2016."

Wonder if they will follow the same model as Sketch.

[+] JonathonW|9 years ago|reply
Would be nice to know what their pricing plans are before I commit data to their product.
[+] CommanderData|9 years ago|reply
I wonder how long it took to develop this tool, how many devs working on it and man hours. Any info from the developers?
[+] jrcii|9 years ago|reply
Great work! This looks very sophisticated and polished. I hesitate to detract at all from their good work so I don't know why I'm even saying this, maybe just looking for commiseration, but in my career I've found that collaborating on any kind of design work is a guaranteed way to ruin it.