Lisa Dziuba

Flawless App β€” Make your iOS apps look exactly like the expected design

112
β€’

Flawless App is macOS development tool for an instant visual quality check of mobile apps. The tool spot visual bugs before they cost you money.

Add a comment

Replies
Best
Ahmed Sulaiman
Hello, fellows! πŸ‘‹ πŸŽ‰ Together with my co-founder Lisa we're happy to announce our public launch πŸŽ‰ Flawless App is macOS development tool for an instant visual quality check of mobile apps. The tool spot visual bugs before they cost you money. Flawless App helps easily see visual differences between expected design and the final implementation of a mobile app. The tool compares design mockups with implementation in a real-time, right on the iOS simulator! It has overlay & split comparison modes and support long designs comparison (like news feed screens, for example). It works out of the box like a charm πŸ’« so you don't need to import any third-party libraries into your Xcode project. Easy and fast! We are truly obsessed with the visual quality of mobile apps. We want every mobile product to be polished enough to provide the perfect experience for the end users. Because that's really the only reason why mobile applications exist. This tool is made by iOS developers for iOS developers. πŸ‘¨β€πŸ’»πŸ‘©β€πŸ’» And we hope it will bring huge value to your daily workflow. Please, check it out! 😊
Patrick L. Adams
@geek_1001 Showed this to our designer and he made a good point. What is the value of a tool like this when apps like Sympli and Zeplin give you the exact dimensions, coordinates, and styles of everything?
Lisa Dziuba
@patrickleeadams @geek_1001 thanks for showing it to your designer! We love an honest feedback, like yours!
Ahmed Sulaiman
@patrickleeadams Hello, Patrick! Thanks for showing it to your designer! And I'm very glad you've asked this question 😊 Let me start with questions from my side: if we have tools like Zeplin or Sympli why do we still have UI snapshot testing in iOS? πŸ™‚ From the overall vision perspective: 1. We are aimed to solve the visual quality problem (in the long-run strategy bunch of others quality factors in digital products). 2. Zeplin and Sympli are collaboration tools for designers and developer – they are doing everything for everyone. We're focused on a single problem – visual quality control. Because of this focus, we have much more opportunity to actually solve the problem. 3. We're moving step by step so there are more to come from our side regarding visual quality control (automation, issues highlight and so on) From the product perspective: 1. We're integrated inside iOS simulator – this gives us more flexibility in feature specifically for iOS developers. 2. Since we're in the simulator you don't have to change your context every time to check your implementation. (you can just use hotkeys instead of opening third-party window, place this comparison in the right spot and so on) And at the end – we are humans after all. Even if we have all the data, guidelines, specifications and so on – the end product could be different from your expectation. The fact that you have the guidelines doesn't guarantee the result. And that's the problem with tools like Zeplin or Sympli, they cars about the process, to provide all the guidelines, but they don't care about the actual result of this guidelines. On the other hand, we care about the end result and do not provide any guidelines for the process. I'd say we (Flawless App and collaboration tools for designers and developers) complement each other. So there will be some integrations for sure 😊 Does it make sense?
Patrick L. Adams
@geek_1001 Sympli is a part of our workflow - it provides styles and assets so if I am using it for that, then I may as well use it for the dimensions/coordinates it provides as well. Most developers have two screens, so context switching between Sympli and the Simulator is not an issue (for me at least). When I implement UI I check the dimensions in Sympli against the dimensions in Interface Builder. For something like Flawless you have to run the project each time you make a change. So for someone who wants to just put a UIView in the correct location and be done with it, they can't, they have to keep moving it and running the simulator. For larger projects this would be a hassle. I also believe that there is more precision when comparing actual dimension values than there is with overlaying. With that being said I do think Flawless is good for double-checking things at the end but I don't think it makes sense to use it from the beginning. All-in-all I am looking forward to see what you guys do in future updates.
Ahmed Sulaiman
@patrickleeadams Got your point. Totally make sense. I think because we're moving step by step since we're still a small team, we can't do everything that's on our mind at the current moment in time. We decided to move with short but extremely fast product iterations to get relevant feedback as fast as possible and improve the product based on that. So thank you so much for your feedback! 😊
Lisa Dziuba
We’re excited to show Flawless App to Product Hunt community. It’s been a challenging and turbulent journey of almost 2 years since we started Flawless at a hackathon πŸš€ During this crazy race, we met truly amazing people and had a lot of fun. We simultaneously went through 2 equity-free acceleration programs: Startup Sauna and Lisbon Challenge. Best ever early users joined us and become our friends. Without outside investment, we pivoted initial concept and released several products iterations. I’m really honored to show you result of our two great years. Waiting for your honest feedback on Flawless App! ^ Lisa πŸ’› πŸ’™
Lisa Dziuba
@nsmyself thank you for supporting us 😍 😍 😍
Yaroslav Azhnyuk
team @petcube is in love with Flawless, good luck!
Ahmed Sulaiman
@yaroslavazhnyuk Thank you so much, Yaroslav and a whole @petcube team for your support! 😊
Lisa Dziuba
@geek_1001 @yaroslavazhnyuk We love @petcube too :) Petcube Mafia will conquer the world!
Pavlo Pedenko
Wow! Congrats! Let's talk joining Setapp then :)
Ahmed Sulaiman
@pavlo_pedenko Thank you so much, Pavlo! Surely we'll do so! We already had a talk with Bogdan from Setapp Review Team 😊
Kunal Bhatia
Looks flawless to me! Congrats on the launch and making it through the crazy journey to get here! πŸ‘ What are you thinking of building next? Would love to hear more about your vision!
Ahmed Sulaiman
@kunalslab Thank you, Kunal for supporting us! 😊 Sure, I'd be glad to share it with you. As mobile development as a whole industry evolves with new devices and new form factors – there is still a huge gap how to make all of those products for all of those devices polished enough. We believe Flawless potentially can solve the much bigger problem of the visual quality control (and in the long run strategy, a bunch of other aspects of quality factors. Not just for iOS, not just for mobile devices even). And we're moving towards this long run vision. Step by step we believe we can achieve this huge goal. And eventually, reinvent quality control for every possible digital product. πŸ™‚
AndrΓ© J
Great job on the app guys! Just wanna say: @lisadziubaalso has a coolest Marketing-for-Engineers "awesome list" over at: https://github.com/LisaDziuba/Ma... πŸ‘πŸ‘πŸ‘
Lisa Dziuba
@eonpilot @lisadziubaalso I'm happy, that you liked it! Need to submit it to PH one day πŸ˜‚ πŸ˜‚ πŸ˜‚
Alexander Diatlov
@eonpilot @lisadziubaalso @lisadziuba I also use the listing very often, there's a lot of very useful articles about different marketing topics
Lisa Dziuba
@ivancucer @eonpilot @lisadziubaalso Feel free to use. You can pay me with cookies and sweets πŸ˜‡
MichaΕ‚ Kowalski
I've tried trial version. Like it. But I'm waiting for some pricedrop :)
Ahmed Sulaiman
@michal_kowalski Thank you so much, MichaΕ‚, for your feedback! πŸ™‚ As always, pricing is really tricky. We spent almost 2 years (795 days) working on the Flawless without any outside investments. We put a lot of effort into the product. And we want to continue our development even without external investment. This will allows us to be closer to our users. We want to develop Flawless App with them, with their feedback and advice. We believe this will bring more value to the people. And at the end of the day – that is the only reason why Flawless App exists, to bring value to the people who use it. Surely, I'd be glad to hear your point regarding pricing as well 😊
Lisa Dziuba
@michal_kowalski do you think $15 one time payment is too much? What would be the ideal price?
Lisa Dziuba
@michal_kowalski Anyway, please feel free to write us your suggestions here or in Private Messages on Twitter 😊
Scott Karstetter
I've been using the beta. It's awesome
Ahmed Sulaiman
@karstetter Thank you, Scott, for all your support! 😊 We really appreciate it!
Lisa Dziuba
@karstetter You are our lovely first user πŸ’—
A.Fairiz
Bought this app on launch day. Fully satisfied. It's an awesome app. Also, @geek_1001 is a cool guy.
Ahmed Sulaiman
@cleavatron Oh it's so nice! Thank you so much for all your support! 😊
Lisa Dziuba
@cleavatron @geek_1001 Your comment motivates us to improve product more and more :)
Alexander Diatlov
Really useful tool for iOS devs! Good luck, guys :)
Ali R. Tariq
Very neat! This looks like it'll be very useful for differences that are noticeable, but I wonder whether it includes the ability to perhaps generate code for the more minute details. e.g. in the event that colour gradients are not matching on a layer, it would be nice to know the hex code comparison. Any ability/plans to do this? It would be the designer's equivalent of UNIX's diff command!
Ahmed Sulaiman
@alirtariq Thank you so much, Ali, for your feedback! We have some features like this on our roadmap. So basically the idea for long-run strategy is not just showing "The problem is there" but to show "The problem is there and here is how you can fix it" automatically. With exact offset for some element or with exact color based on the design (as a single point of truth). So you as a developer can just click on the appropriate buttons (like in the Xcode when you made a typo or chosen wrong object type. I'd call that "Quick Fix" button) and solve all problems in your UI implementation. It's not exactly a code generation. We had some kind of code generation in our first product iteration, but that didn't work out because of following reasons: - Everybody writes code differently, with different styles, different patterns, and approaches - "Code vs Storyboard" πŸ™‚ - If the code snippet is too simple, it isn't so useful (like code snippet for UIColor, UIFont or CGRect) - Developers doesn't usually believe in automatic code generation for the whole UI layout. If you have any more suggestions to us or feature requests – I'd be very glad to hear them 😊 Thank you again!
Andrey Azimov
Congrats!
Lisa Dziuba
@andreyazimov Andrey, thanks for supporting us 😻 😻 😻
Dmitry Osipa
Looks interesting. Can it work with auto-layout constraints or integrated with Xcode UI tests?
Ahmed Sulaiman
@dmitry_osipa Hello Dmitry! Thank you for your interest in Flawless App! πŸ™‚ Right now you can compare any design images (and sketch file) with implementation right inside iOS simulator. The AutoLayout support is definitely on our roadmap. Since Sketch already has some resizing rules we can use them to show appropriate position for UI elements. And regarding UI test: as a long run strategy, we plan to automate full UI testing without even need to write anything. So stay tuned, we have ambitious plans ahead 😊
Dmitry Osipa
@geek_1001 Thanks for the detailed answer. Do you have plans publishing your product to the Mac App Store?
Lisa Dziuba
@dmitry_osipa @geek_1001 we will think about it later. We need to be very flexible with updating the product. The best way to do this is by self-distribution. In any case, Mac App Store is in our future plans.
Sunil Neurgaonkar
This can be very helpful for our iOS team. Really needful app.
Ahmed Sulaiman
@sneurgaonkar Thank you, Sunil! Great! I'm so glad to hear that. πŸ™‚ Feel free to try the product. I'd love to hear your thoughts about it.
Alexander Diatlov
guys, have you thought about extending the trial period to 30 days?
Ahmed Sulaiman
@adiatlov Alex, thank for your question! πŸ™‚ We decided to put 14 days trial based on numerous user research and interviews with our early beta testers and engineers from different countries and companies. We find out the average period for UI tasks varies in different companies like: - For Product companies (big and small ones) = ~7 days - For Outsource companies (big and small ones as well) = ~13 days - Freelance Individuals = ~4 days Surely this period depends on the product/project, country and engineer's level. But we decided to put 14 days as an approximate period for all types users.
Lisa Dziuba
@adiatlov as for me, 14 days trial looks fine :) bur we are open to consider other options!
Ben Slaney
This looks really nice. Well done!
Ahmed Sulaiman
@benedictslaney Thank you, Ben! Feel free to try our product. I'd really appreciate any feedback and thought you have. 😊
Lisa Dziuba
@benedictslaney feel free to try it out and give us a feedback :)
Stan Gontovoy
Good luck!
Ahmed Sulaiman
@stan_gontovoy Thank you, Stan! πŸš€
Gal Dubinski
Looks great, will sure give it a go :)
Ahmed Sulaiman
@galdubinski Thank you so much, Gal! πŸ™‚ I'd be glad to hear any thoughts and feedback you have)
Lisa Dziuba
@galdubinski we are waiting your thoughts of Flawless App.
Dmytro Kovalenko
Congrats with the launch guys! πŸš€ You've made designer-vs-developer collaboration 1 more step better. Thanks
Ahmed Sulaiman
@tasteofdalife Thank you, Dmytro! 😊
Lisa Dziuba
@tasteofdalife πŸ’— πŸ’— πŸ’—
Alex Kukharenko
It is a big progress comparing that I've got from the beta version. Love it!
Ahmed Sulaiman
@alexdeardream Thank you so much for all your support during this time it was a long journey to public version πŸ™‚
Lisa Dziuba
@alexdeardream so cool, that you stayed with us for so long!