We definitely improved our generated code and images performance. Here is how: blog.animaapp.com/launchpad-how-we-improved-our-loading-times-by-more-than-200-1aaae87bf156
as a developer, since Dreamweaver and the old and slow web, i think we are starting a new era of dev with no coding all time. The process of making a image being coded is all from the softwares and plugins. Not perfect but with machine learning and all this new softwares, maybe sit down and start to code will be only for old schools
Thanks Pablo, so informative. Really appreciate it. You highlighted the annoyance of repeatedly linking the duplicated elements within the artboards. It's not an ideal solution, but one way to save a little time - you can create the main "home page" artboard first with the necessary links ... preview it ... make sure it works the way you want it to ... and then duplicate the artboard to create the breakpoints.
@sketch Together - at 7:07 in the layers (left side panel), what are the blue folder icon called article? Is it related to a plugin? Thank you very much
Hi Pablo, when it comes to full width container, it seems the design not completely fitting with my browser width. I always use 1366x768 as artboard size. Also the text are not aligning properly to the middle of button.can you please help me with that.
Hello Pablo, good video! Do you know if there is a way to have overlays, but not full screen, lets say a dropdown or a tooltip, something like that? for example in invision when setting a screen as an overly. Thank you!
This is the one of the most informative videos ever!! I appreciate you so much for making this in an easy to understand way and simplifying a complicated process. Peace and bless you
Hi there, are you able to just upload the entire sketch page as a jpeg for a wordpress website? So design the landing page on sketch for example and then simply upload. Thanks
Can someone help me out...? Was trying to select "Lets get Cooking" in the Hero group, however, I cannot select the "Lets Get Cooking" button unless I search for it through the layers sections. It takes a bit of time.
Wow, it's pretty cool!...but let me know something. If I design a website with sketch and set up the links and effects with Launchpad as well as you have done. May I puplish with a domain and it's done?
Thanks Pablo for this awesome video! :-) I would like to know how I can create a new artboard (home-320) for showing the transition after clicking on the hamburger menu and then it will slide from left or right while publishing my website on Launchpad? Thanks in advance!
Real talk... besides being a cool feature, what real world case does this have? I can't imagine you can do this then bill a client. And it might be more trouble going through the generated code fixing than just doing it yourself. I'm not sure, I'm still a novice. I see potential as a prototyping tool, perhaps instead of using Craft + InVision?
Great video, as always! This plugin shows a lot of potential I think, but it's still a bit buggy. Styles and spacing in the designs don't always reflect correctly on the prototype, things like apostrophies don't show properly either... And I miss the ability to overlay elements, things like dropdowns and burger menus on mobile. Hope they pick up on this soon!
Hola pablo, yo tengo un problema lo he comentado en varios grupos de slack, noc si soy solo yo pero cuando hago una pagina que tiene como tipografia light o extra light launchpad no la reconoce y se publica en regular
Thanks for your videos! I have one question, My launchpad version doesn't have the breakpoint option, Do you have any idea why is this happening? I have the last version of sketch and launchpad, I started with sketch last week :)
Thanks for the quick response love your channel. Can you consider to make a video about UX in mobile apps and web apps. How can we improve ourselveS or what can we do for more user oriented designs :)
Love the channel and Launchpad seems quite cool. However, 'Publish a website' seems an overstatement. Without dynamic content, functioning forms, etc... isn't this simply publishing prototypes with breakpoints and basic analytics? If Anima really are aiming for Launchpad to be a website publishing tool, the next step might be for Launchpad to support embeddable forms from 3rd-party services and then the really hard part - competing with better, certainly better known options (e.g.) GoDaddy 'build a website' service or Squarespace. So, seems to me that they've inadvertently positioned it as a great way for Sketch-owning web design enthusiasts to help mom & pop store owners "publish late '90s websites" - 'with a twist'. The pairing seems to be either very basic, but potentially appealing website publishing - with a steep, pro-level UI design curve at the front - or a good, pro-level UI design tool - with a poor website publishing feature. Is that where the money or the legacy is? Why not aim squarely at the UX/UI crowd and position it as a genuinely innovative prototyping tool? Alternatively, sell Launchpad to InVision or Adobe and move on to the next product ;)
Great video Pablo, but Launchpad is not free. you have to pay $19/month in order to use all those features. You can't even export or see your HTML code in the free version. Nice tool, but screw that.
The Anima App team informed me that they're working on the performance of the code and images for the next updates :)
We definitely improved our generated code and images performance. Here is how: blog.animaapp.com/launchpad-how-we-improved-our-loading-times-by-more-than-200-1aaae87bf156
as a developer, since Dreamweaver and the old and slow web, i think we are starting a new era of dev with no coding all time. The process of making a image being coded is all from the softwares and plugins.
Not perfect but with machine learning and all this new softwares, maybe sit down and start to code will be only for old schools
Was looking forward to this video! Always a joy to watch your tutorials.
Yay! Glad you find it useful :)
Thanks Pablo, so informative. Really appreciate it.
You highlighted the annoyance of repeatedly linking the duplicated elements within the artboards. It's not an ideal solution, but one way to save a little time - you can create the main "home page" artboard first with the necessary links ... preview it ... make sure it works the way you want it to ... and then duplicate the artboard to create the breakpoints.
Phil Tutty that's true! Thanks for the tip :)
@sketch Together - at 7:07 in the layers (left side panel), what are the blue folder icon called article? Is it related to a plugin? Thank you very much
I did your one course in Udemy... nice to see you again
You rock!
Could you make a video about best practices for creating a Webflow project designed in Sketch?
Why would you use a wire framing tool for designing websites.
Hi Pablo, when it comes to full width container, it seems the design not completely fitting with my browser width. I always use 1366x768 as artboard size. Also the text are not aligning properly to the middle of button.can you please help me with that.
Hello Pablo, good video! Do you know if there is a way to have overlays, but not full screen, lets say a dropdown or a tooltip, something like that? for example in invision when setting a screen as an overly. Thank you!
Great demo! Good comment at the end too! Many thanks!
I dont trust code throw by a program. eg photoshop back in the days. Can this be use for prototyping?
This is the one of the most informative videos ever!! I appreciate you so much for making this in an easy to understand way and simplifying a complicated process. Peace and bless you
InstaBlaster.
Very nice and simple tut. Thanks, man!
You probably know this now but if you do an autolayout stack - when your text box changes height the content below will move up.
Can I publish a website from flinto? It has great animation and transitions
How Can I create the link for sharing my design portfolio with others?
so cool, look forward to more functions
Not sure if this has been said, but if you create a button as a symbol and then make a link, will you have to reconnect the same link everytime?
Thanks! I was just looking up how to do this and the video notification popped up on my phone, perfect timing!
Pablo, I'd love to see your process with Webflow (if you use it). I'm thinking about trying it out
Thanks for all your videos! Love this channel, keep up the good work. Thanks for sharing your knowledge.
You are awesome. thank you so much @Pablo!
Hi there, are you able to just upload the entire sketch page as a jpeg for a wordpress website? So design the landing page on sketch for example and then simply upload. Thanks
Can someone help me out...? Was trying to select "Lets get Cooking" in the Hero group, however, I cannot select the "Lets Get Cooking" button unless I search for it through the layers sections. It takes a bit of time.
Answered my own question. Just hold down the COMMAND key.
Great vídeos Thanks for Sharing your Know-how. Do you know if there is any plugin or a way that I can import Adobe XD design files to Sketch?
Great tutorial! Is the "Powered by Launchpad" only for the demo mode?
Excelente video. Did you test insert Google tag manager or facebook pixel. Is there some widget for do that?
You are the best! Thank u very much for your work!
Can you link images/text to different parts of the same artboard?
Thank you for such an effective tutorial! I've subscribed to your channel!
How can I make a page longer?
wow nice!!!!! keep uploading more videos
Wow, it's pretty cool!...but let me know something. If I design a website with sketch and set up the links and effects with Launchpad as well as you have done. May I puplish with a domain and it's done?
Thanks Pablo for this awesome video! :-)
I would like to know how I can create a new artboard (home-320) for showing the transition after clicking on the hamburger menu and then it will slide from left or right while publishing my website on Launchpad?
Thanks in advance!
Hey, love this video! Can you tell me what settings of grids for each of artboards are you using?
Thanks ;)
Fantastic video! You explained everything so well, I don't have any questions at all.
Hey man! Love your channel!!! how can I make a scrolling effect that when I scrolling down I can see images appearing on Launchapp?
Real talk... besides being a cool feature, what real world case does this have? I can't imagine you can do this then bill a client. And it might be more trouble going through the generated code fixing than just doing it yourself. I'm not sure, I'm still a novice. I see potential as a prototyping tool, perhaps instead of using Craft + InVision?
Hi! It's great for simple Landing pages.
Love your videos, the music always makes me smile :D
how did you align the footer on the bottom of the artboard when resizing it? thanks :)
thank you Great tutorial
Nice video! I have a problem when running a preview, certain text elements dont show on the preview! Do you have a fix for this?
Is there a website photo album plugin for sketch?
Great video, as always! This plugin shows a lot of potential I think, but it's still a bit buggy. Styles and spacing in the designs don't always reflect correctly on the prototype, things like apostrophies don't show properly either... And I miss the ability to overlay elements, things like dropdowns and burger menus on mobile. Hope they pick up on this soon!
Hola pablo, yo tengo un problema lo he comentado en varios grupos de slack, noc si soy solo yo pero cuando hago una pagina que tiene como tipografia light o extra light launchpad no la reconoce y se publica en regular
Chris Landaeta deberías publicar la pregunta en el grupo de Facebook dr Anima App, el equipo responde ahi constantemente
Thanks for your videos! I have one question, My launchpad version doesn't have the breakpoint option, Do you have any idea why is this happening? I have the last version of sketch and launchpad, I started with sketch last week :)
Hi! Please check that you're selecting an Artboard and the button should appear :)
Thanks for the video. Is there anyway to see source codes of site (html, css etc.) ?
Not from the plugin. You would have to check the source from the rendered HTML :)
Edit: You can export the code from Pro Accounts :)
Thanks for the quick response love your channel. Can you consider to make a video about UX in mobile apps and web apps. How can we improve ourselveS or what can we do for more user oriented designs :)
Hi Görkem, Pro accounts can export code :)
Thank you for this video! But in Firefox fonts behave not very good :(
Very nice video. Do you know if or how I can upload sketch website content to Amazon cloud hosted website?
I really like the video good job!
it's short and contain useful information
:)
Whoa, this is actually pretty dope
¡Estos videos me han hecho el super mega paro en el jale! Gracias :D Saludos de Tijuana
you're tha man brother! Thanks again!
You the best! i like your video make me know how. UI design, Thank you
Can you get rid of the "Powered by Launchpad"?
Love the channel and Launchpad seems quite cool. However, 'Publish a website' seems an overstatement. Without dynamic content, functioning forms, etc... isn't this simply publishing prototypes with breakpoints and basic analytics?
If Anima really are aiming for Launchpad to be a website publishing tool, the next step might be for Launchpad to support embeddable forms from 3rd-party services and then the really hard part - competing with better, certainly better known options (e.g.) GoDaddy 'build a website' service or Squarespace.
So, seems to me that they've inadvertently positioned it as a great way for Sketch-owning web design enthusiasts to help mom & pop store owners "publish late '90s websites" - 'with a twist'.
The pairing seems to be either very basic, but potentially appealing website publishing - with a steep, pro-level UI design curve at the front - or a good, pro-level UI design tool - with a poor website publishing feature.
Is that where the money or the legacy is? Why not aim squarely at the UX/UI crowd and position it as a genuinely innovative prototyping tool?
Alternatively, sell Launchpad to InVision or Adobe and move on to the next product ;)
it's cool! Pablo.
amazing !!!
Thank you so much
you are so fun love the vid
Thanks! :D
Nice bro
Aaaand we are going to make our qebsite pretty uuuglyyyyy.. 😀 Yes.. You will love it
Pablo you got a twitter !
nice
He is like Dude Perfect
chef guevara! #lol
Great video Pablo, but Launchpad is not free. you have to pay $19/month in order to use all those features. You can't even export or see your HTML code in the free version. Nice tool, but screw that.
Adobe Muse is better I believe
adobe muse is gone!! well at least service is gone and in 2020 bye bye... so sad though
Good fro Secrataries
image optimizing looks bad