Selective exporting

When exporting a project, to be able to choose what gets exported. This is an idea that is a collection of a series of ideas from other users. 

- Only include the javascript needed for the project

- Option to export only elements/styles that have changed since last export

- Ability to see what was changed since last export

- Export just CSS, HTML, or JS etc. 

- Option to select which files to include

  • Webflow Admin
  • Jun 9 2017
Site Export
  • Post comment
  • Kai Brobeil commented
    2 Oct, 2021 03:25pm

    please do it, huge blocker in using webflow at the moment. We'd literally use webflow for everything if it wasn't for the lack of exporting options. At least give us a list of components, I'll write a custom wrapper for web components and we can finally use your amazing tool for complex app development as well.

    Attachments Open full size
  • Boris Périsset commented
    11 Mar, 2021 02:22pm

    yeah. it would be great to select static pages, folder, css or js files or even symbols (to work with external devs)...

    Attachments Open full size
  • Steven Brame commented
    28 Dec, 2020 10:03pm

    This would be a great addition. My reason is that I am on a limited Internet connection, and I'd rather not have to re-download my images folder(including videos) each time I make a small change that doesn't affect them.

    Attachments Open full size
  • Alex Dixon commented
    26 Jun, 2020 11:12am

    Would be handy to have the option to exclude pages from exports which are used for things like style guides and component libraries.

    Attachments Open full size
  • Elizabeth Gross commented
    10 Dec, 2019 08:38pm

    Yes....YAS PLEASE! This would make my life. 

    Attachments Open full size
  • Martin Adams commented
    1 Sep, 2019 03:33am

    I finally got so tired of manually exporting CSS each time (we use Webflow for prototyping) that I got around to automating the export process entirely: https://medium.com/consciousapps/exporting-css-from-webflow-into-your-app-a7a08e3c7731

    Attachments Open full size
  • Martin Adams commented
    15 Jul, 2019 09:35pm

    Since there’s not yet a single-button Webflow export for HTML, CSS, or JS, I put together a little sequence using key automation (with the Keyboard Maestro app) — attached.

    Without using this automation procedure, you can also export JavaScript, HTML, or CSS like this:

    1. Visit your Webflow site: https://webflow.com/design/yoursite

    2. Press shift + e to open the export window.

    3. Open the developer console (e.g. command + option + j in Chrome)

    4. Paste the following code into Webflow (yes, Webflow tells you not to paste code in there — the below snippets won’t grant anyone access to your Webflow account):

    HTML

    cssText = document.querySelectorAll('code')[0].innerText
dummy = document.createElement('textarea')
document.body.appendChild(dummy)
dummy.value = cssText
dummy.select()
document.execCommand('copy')
document.body.removeChild(dummy)

    CSS

    cssText = document.querySelectorAll('code')[1].innerText
dummy = document.createElement('textarea')
document.body.appendChild(dummy)
dummy.value = cssText
dummy.select()
document.execCommand('copy')
document.body.removeChild(dummy)

    JavaScript

    cssText = document.querySelectorAll('code')[2].innerText
dummy = document.createElement('textarea')
document.body.appendChild(dummy)
dummy.value = cssText
dummy.select()
document.execCommand('copy')
document.body.removeChild(dummy)

    Presto! HTML, CSS, or JS is now recorded in your clipboard!

    https://gist.github.com/heymartinadams/031e214261f3743b2c0211ab2c74d00f

    Get Webflow CSS...
    Attachments Open full size
  • Martin Adams commented
    9 Feb, 2018 07:29pm

    As described here: https://medium.com/consciousapps/designing-apps-using-webflow-c1d0e8dd4d36

    Attachments Open full size
  • Martin Adams commented
    9 Feb, 2018 07:28pm

    Also, add a “Select & Copy All” button for quick copying of HTML or CSS or JS code.

    Use Webflow a lot for quick back-and-forth prototyping using Webflow CSS and apps.

    👍🏼

    Attachments Open full size
  • Matthew Oliver commented
    30 Jan, 2018 02:59am

    I really recommend this. I had this issue recently with a team of designers where I worked. I made it work, but none of them used webflow, only me. Life would have been so much easier with selective exporting. 

    Attachments Open full size
  • Evgeny Serg commented
    10 Jun, 2017 06:40am

    I realy want this feature.

    Add selective export will be great. Only page, element, class...  See whole html, css, js file online so i can just copy single element that i need.

     

    Attachments Open full size
  • +46

Related ideas