Our products are being used & loved by designers at Apple, Facebook, Google, MailChimp, Starbucks, Shopify, Amazon, Disney Netflix, Trip Advisor and a lot more.
Our goal at anima is to empower designers with powerful visual tools. Amongst our products you can find Auto-Layout for Sketch and Launchpad for Sketch.
Auto-Layout pioneered responsive design without coding, empowering designers to better express their ideas into live designs. Launchpad is the first Sketch to live website solution, that enables designers to pubish real websites without the need of coding or hiring developers.
With Timeline, we are aiming to allow designers to create beautiful animations with ease.
If you believe that given the right tools you can achieve much more, support this project and join the movement.
This workshop is for for anyone that has already working experience with Sketch and would like to improve or master it.
You'll be learn about resizable Symbols, Plugins, Pattern Libraries and more.
Agenda(3hrs):
– Sketch’s UI: Shortcuts and plugins for navigating folder structures and organizing layers and artboards.
– Styles: Text and Shapes (import/export to share with others)
– Advanced Symbols: How to create nested symbols for creating Design Pattern Libraries (DPL) using Atomic Design principles
– Practical tips for DPLs (lessons learned)
– Managing projects and symbol libraries with Abstract or Kactus
– Naming conventions and exporting (including exporting to SVG)
– Plugins: Manage and leverage plugins for an efficient workflow (Runner, Rename it, Anima Autolayout, Launchpad and more)
– Anima's AutoLayout: building responsive layouts, grids, tables and more.
Time and Date:
– 5:00pm to 8:00pm
– Upcoming Thursday (Date to be announced when we reach the quorum, spread the word and you both get $10 off!) – Location: Either 135 Bowery or 26 Broadway or in SoHo.
Location:
Manhattan, NY. The exact location to be announced 3-4 days prior to the workshop.
Please note:
– Bring your laptop to follow along and pre-install Sketch 48 or higher (Free trial).
– Each workshop is tailored to needs and pace of the group.
– We require at minimum of 5 attendees, so spread the word! Max 10 students per event.
– Refunds: You can request a refund or save a spot for the following scheduled date. You can cancel anytime up to 48 our prior the event.
Animation is one of the key trends for 2018, but you don't have to reinvent the wheel to add movement to your sites. We look at the best free animation
Motion in software is becoming an increasingly important aspect of modern day human-computer interaction. Partly due to the increasing computing capability of devices, designers can count on the…
Wouldn’t it be nice to have a pre-animated A-Z SVG alphabet in a nice font like Roboto? Yes and yes and it’s coming soon. Even better it’s totally free. Yes I’m insane so what’s new? In this…
No coding or exporting to other applications: Watch the Video
Rather than something you do at the end, Protowire aims to integrate interaction and animation into the design process without having to change your designs to suit the software.
Integrated into Sketch No need to export to a separate prototyping application - review the prototype instantly in Sketch or on a device.
UI Animations Just by moving layers around you can have overlays appear and disappear.
Screen Transitions Quickly create the flow of your app by linking up artboards from layers or hotspots.
Responsive Design Use Sketch’s resizing constraints and responsive artboard groups to make prototypes that work on any screen size.
To celebrate the launch there is 30% off the pro version by using coupon code 9146C9AF.
Offer expires on Monday 26th February at 4pm Pacific Time.
This guide aims to give a practical overview of how you can use SVGs on your websites — with some tips and tricks along the way to get the most out of them.
I am very excited for what the new year will bring us! So much happened in 2017 in the UX/UI Design and Prototyping space!
Here are some of the things you should check out in case you missed them. A big one for me was the evolution of symbols in Sketch and design systems as well as collaboration among team members, and easier handoffs and if you work with React, lots of exciting things there too.
This Sketch app workshop is customizable for any team or group either new to Sketch or that is ready to master it and take collaboration workflows to the next level and be more productive.
Agenda example (approximately 5-6hrs over 1 or 2 days):
– Sketch’s UI: What's obvious and what's a little more hidden, navigating folder structures and artboards – Styles: Text and Shapes (import/export to share with others) – Symbols Overview: How to create them and when to use them. – Symbols: Resizing and overriding.
– Manage and leverage plugins for an efficient workflow (Runner, Rename it, Anima Autolayout and more)
– Anima's AutoLayout: building responsive layouts, grids, tables and more.
– Naming conventions and exporting Zeplin (including exporting to SVG)
– Libraries: Using Symbols from shared libraries and UI kits.– Advanced Symbols: How to create nested symbols for building Design Pattern Libraries (DPL) using Atomic Design principles
– Practical tips for DPLs (lessons learned) – Managing projects and symbol libraries with Abstract
Please note:
– Attendees should bring their laptop to follow along and pre-install Sketch 48 or higher.
– Each workshop is tailored to needs and pace of each group.
– Payment is due at the time of booking. You can reschedule anytime up to a week prior the event.
Costs:
Cost varies based on number of attendees, location, travel time and overall team commitment.
Landing pages are a special type of web pages that have a specific goal. Whether it’s subscriptions to a mailing list or gathering contact information for sales lead, they all focus on a single…
As UI design gets more interactive, new skills and faces emerge to give us a lesson on how to get animations and movement right when creating delightful screens for rather little devices. To…
Flow is a motion-design tool for animating Sketch files and eliminating the most painful parts of hand-off in app development. It bridges the gap between design and development by generating native…
The plugin changes the way Sketch renders layers on runtime, and since SketchTool does not load plugins, it just renders layers how Sketch itself would do if AutoLayout wasn't installed.
There's a workaround in AutoLayout (find the 'Prepare for Export' menu option) that basically flattens the render and copies the content to a new document.
Unless you've been under a rock 🤣 you probably have already seen the video. Very exciting, especially the ability to design and do better prototyping within InVision. In InVision's words "The world’s most powerful screen design tool. Rapid prototyping, animation, built-in design systems, and collaboration—all in one place." Coming Jan 2018.
We’ve introduced MyPortfolio.design last week, a free place for designers portfolio. To get you started faster, we’re releasing this freebie sample of a portfolio. First, If you haven’t tried it…
Working in Sketch, Figma or Photoshop? Framer offers a fully integrated import workflow, so you can go back and forth as many times as you need. Currently, you can only import a design into Code to start animation.
Atomic currently supports three types of form elements: text inputs, text areas and dropdown menus. Form elements let you capture input from users, and can be linked to variables in order to achieve form validation and other complex manipulation using script expressions. Form elements can also be animated, the same way other elements are animated.