Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Will Figma become an awkward middle ground?

dive.club

Post reply on HN
Print view View original

71–80 of 134 posts

Re: Will Figma become an awkward middle ground?

#71

Post by jjcm »

legitster wrote: post #24

As someone who develops email templates, you will never understand my pain. Figma creates a complete fantasy world for designers who do not understand that a pixel and color perfect design is going to be smashed to bits by the client. Also, I feel the rise of React is partially to blame. CSS frameworks were clunky and constraining - but they forced you into a lot of design constraints developed on years of best pract…

> Figma creates a complete fantasy world for designers who do not understand that a pixel and color perfect design is going to be smashed to bits by the client.

Figma employee here. I'm curious if you see this as a mistake of the design tool itself, or if this is endemic to the constraints of html emails? Maybe phrased a better way, what would you like to see to help convey these constraints to designers?

Re: Will Figma become an awkward middle ground?

#72

Post by shove »

Figma passed on my resume, so I’m not particularly incentivized to leverage my (very deep, thank you) engineering / design / UX expertise and offer my product guidance for free. They have a ton of momentum, so there’s a lot of room to make mistakes before it shows up as more than a blip in the quarterly numbers. They’ll probably be fine without me, but seems like an unnecessary risk. ;)

Re: Will Figma become an awkward middle ground?

#74

Post by legitster »

jjcm wrote: post #71
legitster wrote: post #24

As someone who develops email templates, you will never understand my pain. Figma creates a complete fantasy world for designers who do not understand that a pixel and color perfect design is going to be smashed to bits by the client. Also, I feel the rise of React is partially to blame. CSS frameworks were clunky and constraining - but they forced you into a lot of design constraints developed on years of best pract…

> Figma creates a complete fantasy world for designers who do not understand that a pixel and color perfect design is going to be smashed to bits by the client. Figma employee here. I'm curious if you see this as a mistake of the design tool itself, or if this is endemic to the constraints of html emails? Maybe phrased a better way, what would you like to see to help convey these constraints to designers?

It's kind of endemic to html emails.

Each client chooses how it represents html and css differently. And especially for things like dark mode, they can throw out your design entirely. So you generally stick with 20 year old design practices - lots of nesting tables - safe webfonts - flat designs etc. It's really hard to do any design work without an inbox preview tool like Litmus.

One specific feature that Figma really needs is an easier way to measure distances between elements. In email, you have to build whitespace using a lot of incongruous methods (line-height, breaks, cellpadding, etc). So the Figma padding information often doesn't work, and just having a simple way to draw a line between two elements and getting a measurement would be a real help.

Re: Will Figma become an awkward middle ground?

#75

Post by tiffanyh »

omnimus wrote: post #62
tiffanyh wrote: post #16

Earlier quoted context omitted.

> There's way too much to do with media break points As someone who has been handwriting HTML/CSS for literally 25-years, I'm still shocked dealing with media break points isn't easier. It easily snowballs into you having 3 different CSS (phone/tablet/desktop). I wish there was something akin to 'light-dark' (where you can specific a different value conditional on the environment) but would be trigger based on window…

I am not sure if you are joking but there is whole set of techniques called fluid typography that does this (using css math functions mainly clamp) https://fluidtypography.com/ It's not a silver bullet and many people simply don't prefer it to having a few breakpoints (that includes me too).

  font-size: clamp(3.125rem, 3.464vw + 2.229rem, 5rem);
From their website, this is not easy code to maintain.

It’s not obvious how to increase/decrease the font size at a later date.

Re: Will Figma become an awkward middle ground?

#76

Post by dzonga »

snide wrote: post #5

I feel seen! I'm one of these codey designers. The madness that exists in modern design teams (I used to manage a team of 50!) is insane. There's a lot of time spent on "design systems" in Figma. Very generally Figma is not the website, and the effeciency additions of building tools there is a lost cause. Modern CSS and your JS frontend of choice is a lot quicker and more powerful for component building and general d…

I think the basecamp does the same thing. have designers who work on html / css and it shows in the beauty of their products.

Re: Will Figma become an awkward middle ground?

#77

Post by giancarlostoro »

tiffanyh wrote: post #16
snide wrote: post #5

I feel seen! I'm one of these codey designers. The madness that exists in modern design teams (I used to manage a team of 50!) is insane. There's a lot of time spent on "design systems" in Figma. Very generally Figma is not the website, and the effeciency additions of building tools there is a lost cause. Modern CSS and your JS frontend of choice is a lot quicker and more powerful for component building and general d…

> There's way too much to do with media break points As someone who has been handwriting HTML/CSS for literally 25-years, I'm still shocked dealing with media break points isn't easier. It easily snowballs into you having 3 different CSS (phone/tablet/desktop). I wish there was something akin to 'light-dark' (where you can specific a different value conditional on the environment) but would be trigger based on window…

> As someone who has been handwriting HTML/CSS for literally 25-years, I'm still shocked dealing with media break points isn't easier.

I suspect its that every new project, you deviate, whether someone implements it differently, or someone else entirely implements it, and now you have to hack your way around the chosen path.

The one insane sounding approach I've seen is to just have a UI for one screen, and another ui for another. You hide one on mobile, the other on desktop.

There's so much nuance too, if you dont specify some meta tag your media breakpoints wont even work, which you'll forget when you start a new project after spending 6 years on an already built project.

Re: Will Figma become an awkward middle ground?

#78

Post by hanniabu »

d3vmax wrote: post #34
tazu wrote: post #25

Slightly off-topic, but I dislike this trend of "designers over-designing everything". This website is aesthetically pleasing, and has it's own unique style, but scrolling the home-page is laggy on my $4,000 Macbook (Chrome). I guess it's because it downloads 14MB of resources and tries to download more based on scroll position?

When is the last time you restarted your mac? I had this guy complain to me, everything is laggy and chrome is slow (memory leaks?). A simple restart fixed everything. Clear your chrome cache/etc. Disable all extensions you dont use and try again. If it does not, try another browser.

Not using the website also helps

Re: Will Figma become an awkward middle ground?

#80

Post by yawnr »

tiffanyh wrote: post #16
snide wrote: post #5

I feel seen! I'm one of these codey designers. The madness that exists in modern design teams (I used to manage a team of 50!) is insane. There's a lot of time spent on "design systems" in Figma. Very generally Figma is not the website, and the effeciency additions of building tools there is a lost cause. Modern CSS and your JS frontend of choice is a lot quicker and more powerful for component building and general d…

> There's way too much to do with media break points As someone who has been handwriting HTML/CSS for literally 25-years, I'm still shocked dealing with media break points isn't easier. It easily snowballs into you having 3 different CSS (phone/tablet/desktop). I wish there was something akin to 'light-dark' (where you can specific a different value conditional on the environment) but would be trigger based on window…

I use react native and react native web a lot and use dripsy for building design systems — it allows you to do exactly this. Define your breakpoints, and then pass an array of styles to a single style property. It’s really great

https://www.dripsy.xyz/

Post reply on HN