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
    October 02, 2021 15:25

    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
    March 11, 2021 14:22

    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
    December 28, 2020 22:03

    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
    June 26, 2020 11:12

    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
    December 10, 2019 20:38

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

    Attachments Open full size
  • Martin Adams commented
    September 01, 2019 03:33

    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
    July 15, 2019 21:35

    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
    February 09, 2018 19:29

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

    Attachments Open full size
  • Martin Adams commented
    February 09, 2018 19:28

    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
    January 30, 2018 02:59

    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
    June 10, 2017 06:40

    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