It looks a little complex, especially when your animation/prototype has many states (as all layers need to be present) but at the same time, pretty powerful! Haiku also supports adding interactivity and exports as SVG animations. The animation is versioned and you can continue working on your Sketch file (within reason, I assume). Haiku works with Sketch files and adds a timeline to them. The tools below are interesting new apps that I hope will get me started. I’m not big into animating UI for the web yet, but I wish I were. It supports the same drag-and-drop interaction and has some neat icon customisation options. Nucleo looks like a strong competitor to Iconjar with a major benefit: it’s cross-platform. It does this really well, highly recommended. You can collect your icon sets in this program and easily drag them onto Sketch or any other app. What Fontbase does for fonts, Iconjar does for icons. This doesn’t really need a full category, but I left an app out in the previous post that I use all the time when designing: We’ll have to wait until the summer before we get to see more. The app is easy to use and make prototypes in, but it does seem to lack the ability to hook up external data/api’s, which limits the types of applications you can make with it.Įxcept for a cool video, some little glimpses of a UI and a ton of promises (Timeline animation! Code export! Responsive components! Adaptive layouts!) not much is known currently. You can import Sketch files in it, and add animations and events to your different layers, exportable to a native application for iOS, Android, or with React Native. Supernova Studio is geared towards app development instead of web development. In my testing, the interface itself could use a little work, with floating panels overlapping each other. It does a good job of merging “design mode” and “website creation mode”, making it easy to design layouts but also easy to add interactivity and animations. It’s obviously more limited than Sketch itself, with no support for vector drawing, symbols and plugins but hey, something’s better than nothing, I guess!Ĭeros looks like a very good competitor to webflow. Lunacy lets you open and edit Sketch files on Windows. Sketch is awesome, but it’s major downside (for me, YMMV) is that it’s mac-only. Lunacy is a Sketch file viewer and editor, but for Windows. It works nicely for smaller components, though in its current state it might become a little overwhelming for larger applications. Then it exports it all to React (with other frameworks coming soon). If you really want to keep designing things in Sketch (which I understand), then Pagedraw might be more up your alley: It takes your Sketch designs and lets you define behaviour and components. It’s a little overwhelming but it’s cool seeing a tool doing it all. In React Studio you create applications by designing your components and screens right in the tool, then filling them with data from external sources, also from within the tool, and then stringing your different screens together using a node-based tool to define interactions and application flow, also in the tool. The amount of customisation for these components is limited to what the component creator specified and that can be (too) minimal, but I can see this work really well with a mature enough design system. Setting it up involves compiling it using xcode so is a fair bit of work, but the ‘(human) readable design specification to real code’ part is intriguing.Īlva takes your existing set of components and lets you use them to drag-and-drop designs and pages in a clean way. It then lets you export it to React Native code. Lona is a design tool that can generate components based on a set of JSON files that specify colors, text styles and the components that use them. Some of these tools autogenerate code, which is contentious, but others base their design on your own components. This is becoming a larger and larger category and that’s great, I really feel this is the future for UI design. Here’s more cool apps that I didn’t know, or that got released since the previous article. After my earlier post on design tools for 2018 I have a ton more cool suggestions, and even full categories I skipped over in the original post.
0 Comments
Leave a Reply. |