HN user

emilsjolander

839 karma

Engineering manager @ Figma working on developer tools.

Co-founded Visly (YC W19)

Posts30
Comments31
View on HN
www.figma.com 2y ago

Figma launches Code Connect for your design system

emilsjolander
16pts1
www.figma.com 2y ago

Server-side sandboxing: Containers and seccomp

emilsjolander
226pts44
figma.com 2y ago

Figma makes 200 fixes and improvements to Dev Mode

emilsjolander
131pts62
www.figma.com 3y ago

Why roles are not rules

emilsjolander
3pts0
www.figma.com 3y ago

Making Figma better for developers with Dev Mode

emilsjolander
549pts231
visly.app 5y ago

How to effectively use design tokens

emilsjolander
3pts0
state.visly.app 5y ago

React state for real-time apps

emilsjolander
3pts0
visly.app 6y ago

We decided to roll our own state management library

emilsjolander
7pts0
visly.app 6y ago

Designing for Incremental Adoption

emilsjolander
2pts0
twitter.com 6y ago

Interface Builder for React

emilsjolander
2pts0
visly.app 6y ago

Layout-Isolated Components

emilsjolander
67pts34
visly.app 6y ago

#NoCode is the new code

emilsjolander
1pts0
visly.app 6y ago

Designing for Keyboard Accessibility

emilsjolander
5pts0
vislyhq.github.io 7y ago

Show HN: Stretch – A high-performance cross-platform layout engine in Rust

emilsjolander
213pts58
medium.com 7y ago

Developing Rust on iOS

emilsjolander
2pts0
medium.com 7y ago

Developing Rust on Android

emilsjolander
1pts0
code.facebook.com 8y ago

Open-sourcing Sonar, a new extensible debugging tool

emilsjolander
202pts45
yogalayout.com 8y ago

Yoga – A Flexible Layout Engine

emilsjolander
12pts0
code.facebook.com 9y ago

Yoga: A cross-platform layout engine

emilsjolander
438pts158
github.com 11y ago

BottomSheet – A Material Design Component

emilsjolander
1pts0
medium.com 11y ago

Native is about user experience

emilsjolander
1pts0
itunes.apple.com 11y ago

Rita – The social drawing app

emilsjolander
2pts1
www.rita.io 11y ago

Show HN: Rita – The social drawing app

emilsjolander
5pts0
engineering.flipboard.com 11y ago

GoldenGate – type safe JavaScript calls in android

emilsjolander
15pts0
www.todayapp.io 12y ago

Show HN: Today, a social diary for android

emilsjolander
3pts1
emilsjolander.github.io 12y ago

Android with sprinkles

emilsjolander
1pts0
www.youtube.com 12y ago

Bypass osx mavericks password authentication

emilsjolander
3pts0
github.com 12y ago

A powerful json templating DSL for golang

emilsjolander
1pts0
github.com 13y ago

Show HN: Go url routing library, including RESTful controller routing

emilsjolander
1pts0
news.ycombinator.com 13y ago

Show HN: Android library for flipping between views like flipboard

emilsjolander
1pts0

Emil from Figma here! We have made a ton of improvements to the generated CSS code, and while we still sometimes provide absolute positioning we now separate it from the styling & flexbox code that you might actually want to pull into your codebase.

We've also introduced an API extension point so third parties can now provide their own implementation of code snippers (code generation) in Figma's Dev Mode which Anima and a few other partners have already released plugins for :)

Hey all! Emil here from the Figma team that brought you Dev Mode and Figma for VS Code today! Really interested to hear what you think and also here to answer your questions. We are super excited to invest more into developers in the future, today is just the start of that!

OP here. Totally agree passing arbitrary styles down in props is not a great solution and makes to incredibly hard to reason about components. We defined explicitly using typescript the styles which can be set from the parent which makes it much easier to reason about and we can even use the "find all references" feature of VSCode to identify usages.

Stretch doesn't really enable any new kind of layouts that yoga doesn't but it fixes some fundamental problems in Yoga where Yoga was not compatible with the web implementations.

Long term goal of Stretch is to support multiple layout systems including Grid layout I just started with Flexbox because I know that so well :) Look forward to tackling grid layout soonish (contributions / help very welcome).

I'm the author of both Yoga and Stretch :) After leaving Facebook I created Stretch to fix some core issues which would be hard to address in Yoga, mainly some web compatibility issues. Would love to know more about what you are building and let me know if I can help in any way with the migration! Adding any missing APIs etc should be very easy.

my email is in profile if you want to chat :)

Author of stretch here! I would love to add tests for other browsers as well, and it should be pretty easy as we are just relying on webdriver. Targeting chrome was done as a first step as I had previously set up webdriver tests with it so that was just easiest :) The goal is for general web compatibility and not just chrome-compatibility though.

Yoga itself does not handle animation but by using another animation system on top of Yoga it should be very possible. I have not yet tried it myself but by wrapping a layout change in a UIView animation block the above should be doable (on iOS but similar should hold on other platforms).

There are a couple of things which we set out to solve with Yoga. These are two things.

- One layout concept across different platforms. This allows developers to more easily collaborate and jump between platforms and re-use knowledge.

- Decouple layout from rendering. A lot of UI frameworks couple layout tightly with rendering which often ties the layout to be run on the main thread. By decoupling layout we are able to run it asynchronously. https://code.facebook.com/posts/531104390396423/components-f... Talks about how we make use of this.

I would love it if it worked like on android. What i mean is that when i press a chat head i want the message ui to appear on top on the web page and not in a new window. Also i would like it if the chat heads did not dissapear after responding to a message so that i could keep all my active conversations in chat heads