HN user

orarbel1

71 karma
Posts29
Comments31
View on HN
toffu.ai 9mo ago

Show HN: Toffu – AI marketing agent that executes campaigns through chat

orarbel1
5pts2
toffu.ai 1y ago

Show HN: Toffu AI is a Vibe Marketing agent

orarbel1
1pts0
github.com 3y ago

Scooby – open-source fidelity and regression testing framework

orarbel1
3pts1
codepen.io 6y ago

CodePen Home Coronavirus Invaders – CSS Pure Game (No JavaScript)

orarbel1
3pts0
blog.lyft.com 6y ago

Lyft Pink: A Membership That Unlocks More

orarbel1
2pts0
blog.animaapp.com 6y ago

Unique insights from building a design-to-code platform

orarbel1
7pts0
medium.com 7y ago

Sketch to developer-friendly React code

orarbel1
1pts0
cl.ly 7y ago

AI Generated React with Flexbox from Nothing but a Sketch File

orarbel1
1pts0
twitter.com 7y ago

“You like WiFi in your malicious USB cables?”

orarbel1
5pts0
mashable.com 7y ago

Jack Dorsey continues to string people along by teasing 'edit tweet' feature

orarbel1
1pts0
techcrunch.com 7y ago

Bird CEO on scooter startup copycats, unit economics, safety and seasonality

orarbel1
72pts122
medium.com 7y ago

How to Create High-Fidelity Prototype with Sketch and Anima

orarbel1
1pts0
www.inc.com 8y ago

Elon Musk Just Sent an Extraordinary Email to Tesla Employees

orarbel1
3pts0
techcrunch.com 8y ago

Austin is piloting blockchain to improve homeless services

orarbel1
2pts0
medium.com 8y ago

Timeline for Sketch Is Now Available

orarbel1
1pts0
timeline.animaapp.com 8y ago

Timeline for Sketch – Create Timeline Animations in Sketch

orarbel1
1pts0
twitter.com 8y ago

Creating animations inside sketchapp Testing the alpha version of “Timeline”

orarbel1
1pts0
medium.com 8y ago

How to Export Sketch to HTML

orarbel1
1pts0
hackernoon.com 8y ago

React and the Mythical Man-Month

orarbel1
1pts2
hackernoon.com 9y ago

Automation will end Front-end Development

orarbel1
2pts0
launchpad.animaapp.com 9y ago

Launchpad is Heroku for Designers

orarbel1
1pts0
medium.com 9y ago

Publish websites from Sketch

orarbel1
1pts0
github.com 9y ago

Sketch 43 Web Viewer – View and Inspect Sketch Files in Browser (Open-Source)

orarbel1
2pts0
medium.com 9y ago

Flexbox for Sketch

orarbel1
1pts0
medium.com 9y ago

Auto-Layout for Designers

orarbel1
4pts0
animaapp.github.io 9y ago

Auto Layout for Sketch

orarbel1
2pts0
www.youtube.com 9y ago

Sketch to Code – Uber App in less than 90 seconds

orarbel1
3pts1
www.youtube.com 9y ago

Sketch to iOS native code in 3 minutes [video]

orarbel1
2pts0
yohooks.com 10y ago

Simplest way to receive webhooks to your phone lock-screen

orarbel1
1pts0

There is at least one company at each YC batch that aims to lower the barrier of entry for coding, us included. We (Anima YC S18 https://www.animaapp.com) take Sketch designs and convert them into code.

Amongst other things designers also use our generated code to learn how designs can be viewed in browsers as HTML/CSS.

When Sketch introduced Symbols, they started making designers think like developers, in the sense of reusable self-contained components. This makes our and companies like us live easier. And for that we thank them :)

"There were only 36M users online, roughly the same order as the number of Bitcoin users in the U.S."

When you say "users", what do these users "use" Bitcoin for besides speculating on its price?

Do you know of any real usage?

Congrats guys.

If this works as advertised, this is huge.

When I'm making API calls from my app to different services, I know for a fact that there is no extra latency that might be caused by a third-party. How do you deal with maintaining low-latency while still having to re-route my original API call?

Again, as someone who dealt with many APIs over the years, I think this kind of service is game-changing.

Thank you.

Today the tools we provide force designers to think in a more structured way. A great example of this is Stacks, which forces a layout to be consistent. Unstructured design, or in other words, floating layers corresponds to CSS's absolute position. Stacks, however, corresponds to CSS's Flexbox.

By enforcing designs to adhere to concepts which are borrowed from the development world, we can actually convert design to code.

In the long-term, we see that not only layout will be structured and translated, but all aspects of a user interface.

We get this a lot and I do understand where you're coming from. Replacing human engineers will not happen any day now, but we project our vision years ahead.

For the time being, even if developers don't use the generated code, but rather just inspect it is better then guessing how a component should work by staring at a static image or a GIF.

If you take for example this elaborate interactive component: https://handoff.animaapp.com/#/timeline/XKHmOQP5Hcuipv/anima...

It was made completely by Michal, our co-founder/designer in Sketch with Anima. No code was manually written. Trying to convey this today usually involves hand-waving or for advanced teams, a GIF. By handing off functional code, a developer can interact and see the values that make this work. Even if not using the actual generated code.

Does that make sense? What do you think?

The way our Auto-Layout plugin works is by hooking into the internals of Sketch and enforcing layout rules in real-time (i.e when the mouse moves). If someone doesn't have the plugin installed, the Sketch file can still be opened but they won't have the code that enforces the layout rules, so yes it will look and behave differently.

So while using Auto-Layout can save an enormous amount of time creating UI, it definitely needs to be used by all designers that work on the file.

In terms of exporting to other parties such as Zeplin, we have a feature that turns off all the layout rules just before exporting. If you have tried it out here it is: https://animaapp.github.io/docs/v1/launchpad/faq.html#Export...

And thank you for the kind words!

You definitely have a point.

This type of solution has obvious upside. The truth is that it has been tried many times before (Flash, Frontpage, Adobe Muse). The hard thing here is to being adopted both by the designers who start the process and at the same time generate code that developers will agree to work with.

The way we tackle this is by giving designers tools to express what they want in ways that were not available before, and then use the output to generate code. For example, one popular feature is Stacks[1] which is basically CSS Flexbox for Sketch. When designers use Stacks, we can then use that data and generate an actual CSS Flexbox from it.

Designers are adopting this approach but in terms of code generation, we still have a lot of room for improvement. The code works great, but it's not always optimal in the way that a good human developer would write it.

We have an internal goal, which is to pass the "Turing Test", where a developer will not be able to recognize whether our algorithms or by a fellow human developer.

[1] https://medium.com/sketch-app-sources/auto-layout-introducin...

Anima App: https://www.animaapp.com - We empower UI/UX designers.

Why is it important to empower designers?

We believe that user experience creates revolutions. There were smartphones before the iPhone, yet the mobile revolution started by the innovative user experience that Apple invented.

In our mind, more power to designers will lead to better and better digital products, which will result in more revolutionary products.

Our tools empower designers to express their vision in their language, rather than communicate their vision via mock-ups.

Today we provide tools for Sketch like Auto-Layout, Launchpad, and Timeline. Each of these gives designers more power to own their creations, we automate the front-end work.

Our toolkit is used by more than 70,000 designers and in well-known teams in Apple, Google, Facebook, Netflix and more.

If you use Sketch and haven't heard about us, try us out :)

EC2 offers scaling up and down the number of instances as you grow or shrink.

If you built a website 20 years ago and it exploded in traffic, shared hosting without easy scaling would not be a solution. You would have to plan your growth and pre-order shared instances. Thus making your business cash dependent again without proven growth.