Announcing new features for product teams
Introducing Component Variants, Zapier Integration, and new Notifications experience. Learn more.
Designers have published 6,860,86764 Figma, Sketch and Adobe XD designs to Zeplin for development and collaboration in the past 30 days.
Flutter Extended Zeplin Extension This is a new Flutter Extended version of the actual extension to help a lot of people who need more components than TextStyles and Colors and RichTexts. The mobile application is getting shoutouts from the Flutter creators and is in the Top50 Travel apps in the Apple App Store. The team uses the following technologies and tools: Flutter, Dart.
Get started for freeGo to projects →Leading product teams use Zeplin
Explore why →Publish designs for development
Go beyond specs. With Zeplin, you can publish finalized designs from Figma, Sketch, Adobe XD and Photoshop.
Developers get a 'locked' design to build from, while designers can iterate on the next great release.
Zeplin is the source of truth for finalized designs, if it’s not in Zeplin it won’t be in the shipped product.
Bring together the multidisciplinary team
An accessible workspace that is friendly to non-designers including developers, product managers, copywriters and more.
Zeplin also helps the team collaborate by providing much needed organization and structure to native design files.
Zeplin provides an inclusive workspace where team members from varying disciplines like product managers, UX writers and more can come together to deliver on designs.
Extend your design system
Drive consistency by surfacing design system elements where developers can easily reuse them. Then, go even further by using Connected Components to extend designs to code!
open platform
Connect your tools and build custom workflows
Leverage your investments in tools like Jira, Trello, Slack and VS Code through deep integrations with Zeplin.
With the Zeplin open API and webhooks, you can also create custom workflows to support your specific needs.
Deliver on the promise of design
Articles
We hear you — learnings from Q3 2019 Flutter user survey. The results are out!. Over 7,500 users participated in the Q3 survey of Flutter, and these are the results On performance, add-to-app, plugins, and frustrating experience. It’s good to have this kind of survey where the Flutter team can learn how and what to improve.
Flutter: Forbes had it right. A great article by Scott Stoll, where he talks about the future of Flutter, and why he thinks Flutter is going to keep growing.
Flutter Clock challenge. The Flutter team keeps us in suspense for a couple of weeks with a countdown clock. But the wait is over. The Flutter Clock challenge aims to build a beautiful clock face UI with Flutter for the Lenovo Smart Clock with some great prices. The deadline is January 20, 2020. Are you going to participate?
Flutter Europe Speakers. Over 30 speakers are confirmed for the Flutter Europe conference. If you live in Europe, this is an excellent opportunity to hear talks from world-class Flutter experts.
Tools
Flutter Everywhere. Template Flutter Project for iOS, Android, Fuschia, macOS, Windows, Linux, Web, Command-Line, Chrome Extension.
Flutter and Zeplin: Speed up the Development Process from your Design. Export your Zeplin design to Dart code with this extension by Roberto Juárez.
Tutorials
Flutter Zephyr
How Slivers are made — Part 1.In this first tutorial of the series, Tomek Polański teaches us how to write our first Sliver. Sliver allows us to achieve cool custom scrolling effects on our apps.
Flutter and Desktop. In this tutorial by Aseem Wangoo, we see how to run a Flutter app on the desktop with a simple application.
Exploring Flutter camera plugin. A fantastic tutorial by Divyanshu Bhargava about how to create a camera app in Flutter using the camera plugin.
Zeplin Flutter Project
Flutter Tutorial: Hotel Booking App UI. Another great tutorial by cybdom. This time is a Booking App from scratch.
Mangirdas Kazlauskas keeps delivering with this great series about design coding patterns in Flutter with two more articles:
- Flutter Design Patterns: 5 — Strategy. An overview of the Strategy design pattern and its implementation in Dart and Flutter.
- Flutter Design Patterns: 6 — State. An overview of the State design pattern and its implementation in Dart and Flutter.
Videos
DraggableScrollableSheet (Flutter Widget of the Week). Are you looking to drag a widget onto the screen? Does that widget have scrollable content? DraggableScrollableSheet has you covered!
How Flutter renders Widgets. At Google Developer Days China 2019, Andrew Fitz Gibbon and Matt Sullivan discuss how Flutter works under the hood, and dig deep into widgets, elements, and render objects. Stay tuned to gain a better understanding of Flutter, and build better apps!.
Tools and techniques to profile Flutter applications for performance issues. In this video, we explore some tools and techniques to profile our Flutter applications to discover potential performance issues in our code. We take a look at Dart DevTools, Dart Observatory, and other Flutter Performance tools. This is an intro video covering the basics of these tools.
Flutter Web - Building a Responsive Website in Flutter | Flutter Tutorial. In this Flutter for Web Tutorial, you learn how to build a Responsive Website using Flutter.
Packages
basic_utils Common util classes providing a solution for different situations. Many utils for Strings, Domains, Email, Math, Color, and much more. pub.dev. Github.
audio_service Flutter plugin to play audio in the background while the screen is off. pub.dev. Github.
flutterpagetransition A rich, convenient, easy-to-use flutter page transition package. pub.dev - Github.
App of the Week
Mudeo. An open-source Flutter app. Multi-track mu(sic vi)deo recorder. The app enables you to work with musicians around the world on multi-track music videos. One artist can start a song, and then any other artist can edit it to add their own tracks. It’s sort of a mashup between Smule/TikTok and GitHub.