Subscribe
Sign in
Flawless 2.0 — Make polished design implementation for every iOS device
Flawless App makes your apps look exactly like the expected design on every iOS device. It helps you verify app screens according to the design right inside development environment.
Easily spot visual bugs and fix them, before they cost you money!
70
Replies
Thank you so much, Hung, for the review! 🙂
We'll definitely think how we could improve Zeplin integration.
Hey Ahmed, thanks for reaching out to me to let me know 2.0 was out. I gave it a try but I still don't think this is a tool I will ever use. The overlay actually confused the design and it was hard for me to even tell which was which. As I said, our designer gives me the designs through Sympli (or Zeplin) and I view all of the constraints and dimensions through there. Once I set them up they look great on each device and if not, I adjust. Until Sketch integrates all of the options from Interface Builder's Auto-layout (I know they have some stuff, but its still not enough) I don't this being a part of my workflow. It seems there are a lot of people that like it, but its not for me. Best of luck!
@kunalslab Thank you, Kunal! 🙂 We believe it's fundamentally important for iOS developers to have such feature. Almost all other tools don't take into account design resizing rules for different screen sizes. This way developers still work with static images to implement the design.
This update is our first step to tackle the dynamic design implementation problem. Step by step we'll get there for sure 😉
Many hugs from Ukraine! 🎉
After 6 months of sleepless nights, we're happy to share Flawless App 2.0 with the community. We all know, that initial design and the final apps are not always the same. 😱
Flawless App makes your apps look exactly like the expected design on every iOS device. You can simply compare initial design and the real implementation just inside development environment (on iOS simulator).
With Flawless App 2.0 you can :
⭐️ Generate design for different screen sizes (Auto Layout) using Sketch files with “resizing rules” specified by design. Simply drop your Sketch file to Flawless App and it will automatically figure out what device you’re running & resize design appropriately. This is fundamentally important for proper design implementation.
⭐️ Capture GIF of comparison to share it with your designer & team. Now all your team can see results of design & implementation comparison in a moment.
⭐️ Compare your implementation with Zeplin designs. Flawless App supports tools you're working with.
⭐️ Compare different designs with the real app on multiple simulators simultaneously (thanks to Xcode 9 multiple iOS simulators support).
⭐️ Compare implementations with GIFs and much more.
What do you think about the new updates?
What features would you like us to build next? 🤔
We're here all 24 hours to listen to your feedback and answer your questions 🙂
Thanks to all the community for making the world full of beautiful apps!
Hi, nice update. Can you please elaborate on the different sizes/Autolayout features - how is this achieved: automatically? Your own plugin or Anima app Plugin? Thx
@jydesign Thank you, James!
Fantastic question! 🙂
So at the moment, we are using default Sketch resizing constraints (https://www.sketchapp.com/docs/l...) to understand how specific design should look like on the different screen sizes.
Definitely, support for "Anima Auto Layout plugin" and other coming shortly.
From the developer's perspective:
You just select a Sketch files (where resizing constraints already specified) and Flawless App automatically generate a correct design for the current device to compare with implementation.
@lasserafn At the moment we are focusing on iOS platform first. We believe it's better to polish our solution on a single platform first and then start expansion on other platforms like Android and web.
Since we're a small team we're moving step by step to provide maximum value for our users.
Not an easy task, but eventually we'll get there 😉
@adiatlov Thanks, Alex! We couldn't be more excited about this fundamentally important update! 🙂
@mav3r1cksoffice Thank you so much, Aaron! I'm so glad our tool brings value to your development process 😊
@mav3r1cksoffice Aaron, thanks for your feedback :) As I remember, you were supporting us since our first launch in June))) So we need to send you our future stickers (when we have them)))
@yamill3 Hello! Sorry for late reply, we had a night in Kyiv 🙂
For now, Flawless App works with iOS platform only. We believe it's better to polish our solution on a single platform first and then add other platforms like Android and web next.
Eventually, we'll get to Android and web. But it's a matter of months not days.
Feel free to try Flawless App with iOS developers. I'd really love to hear your feedback 🙂
As designer I've included FlawlessApp into a process. I always say my devs that they should use this solution to guarantee the smooth transition from static mockup to working layout. And it is always working!
Pros:Easy to install for devs, solves a real problem
Cons:Haven't noticed
Making sure you are creating pixel perfect apps have never been easier .. =)
Pros:Pixel Perfect =)
Cons:none
@graeme_fulton Thank you so much, Graeme, for all support! We have much more to come on our roadmap 😉
@lisadziuba @cleavatron Hello! I'm sorry for my late response, it was a night in Kyiv 🙂
Please don't worry, 0.8 is our internal versioning number, so basically, you already have the latest version.
Because we've implemented this fundamentally important feature of dynamic design generation and wanted to share it, we decided to call the submission 2.0 on Product Hunt comparing to our first submission this June.
Great update! Very nice tool to compare designs in a very transparent and minimalist way, I recommend it!
@osfalmer Thank you so much, Oscar! We're doing our best to provide maximum value to our users 😊
I tested the Beta of Flawless App and have to say the team are dedicated to user experiences and feedback.
The app is great for testing layouts once I start moving to code and wanting to get that pixel perfect reproduced layout from the concept designs.
Pros:Easy to use and helps speed the design process.
Cons:I have not really had any.
Thank you so much, Peter, for the feedback! It means really a lot for us 🙂
Our users always will be our first priority!
Congrats on the launch of Flawless 2.0! A great iteration of a product that was already super useful for many, including myself. Good luck with future development!
@sidneyottelohe Thank you so much for the warm words! 🙂
We worked so hard to deliver this update. Step by step we'll continue improving the tool with our users' support.
@sidneyottelohe @geek_1001 We will do much more in our future updates :) So stay with us!
@yura_chukhlib Thanks, Yuri! We have much more to come on our product roadmap to save even more time 😉
Nice tool for pixel-perfect implementation
Pros:Nice UX for dev crowd
Cons:Don't see at this point
TouchFart
The developers of Flawless are active in the iOS community and are always willing to help a fellow dev in need.
Pros:Great for comparing screenshots and wireframes to simulator design. Works with Sketch files and Zeplin.
Cons:Could be more integrated into Zeplin, for now drag and drop from the Zeplin app works.