Friday, 26 February 2021

Correcting Errors

If you are unhappy with your band or you want to correct a mistake, you can turn the tablets in the opposite direction to the way you turned them during weaving to unweave your work, taking the weft out of the shed as you go. If you need to go back more than a few picks, you might want to consider stripping out the weft to make this process easier.

A photo of a section of tablet woven band with the letters W and X in black on a white background

In this example, I was testing out some of the letter drafts that would one day be part of my book Tablet Weaving in Theory and Practice: Double-Face Inscriptions. I decided that my majuscule (capital) X looked far too much like someone with antennae running for a bus. Rather than continuing, I stripped out the weft so that I could re-use that section of warp and try out another version of the letter instead.

A photo of a section of tablet woven band with the warp threads pulled to either side and the weft exposed

Pull the warp threads apart to the side, towards the selvedges to expose the weft.

A photo of a section of tablet woven band with the cut ends of the exposed weft sticking out

Snip it with a pair of scissors (being very careful not to nick any warps!) to a point a few picks above where you want to restart your band.

A photo of a section of tablet woven band with the weft removed for part of it

Pull out each piece of weft with your fingers or a pair of tweezers.

A photo of a section of tablet woven band with the weft removed and the twist between the tablets and the band removed

Turn the tablets until the twist is gone between them and the final piece of weft in the shed just above where you plan to restart.

A photo of a section of tablet woven band ready to weave the next section of the draft

Unweave the final few picks by turning the tablets in the opposite direction to the way you turned them when you wove that section. Carefully remove the weft from the shed each time it is exposed and the shed is open. This will give you a short section of weft attached to the band.

A photo of a section of tablet woven band with the letters W and a new X in black on a white background

Join a new weft by placing it into the shed with a short tail sticking out of the band, then turn the tablets according to your draft and place the old weft tail through the shed alongside the new weft to lock it in place. Weave with the new weft and the old weft tail in the shed together for a pick or two, then continue on with only the new weft. Trim away the tails of the new and old wefts to neaten up the band.

Sunday, 21 February 2021

Tablet Weaving Draft Designer Updates

 We've been wearing our bug squishing boots again! 

This weekend we've:

  • Fixed an error that caused the horizontal ruler to sit behind the threading diagram, rather than on top of it
  • Sorted a few spelling errors
  • Updated the copyright notice to read 2015-2021
  • Changed the instructions link to point to a new version
  • Fixed a bug causing canvas size change problems when the rulers would be off the edge of a new draft
There's also now a video on YouTube about using TDD.

Tablet Weaving Draft Designer Is on Youtube!

Monday, 15 February 2021

Getting the Most from Tablet Weaving Draft Designer

As some readers may already know, Tablet Weaving Draft Designer (TDD for short) is a free, browser-based tablet weaving drafting tool, which you can also use offline if you already have it loaded on your device. It's a joint project by my husband, James, and I that we started back in 2015 as a way for me to draft out my tablet weaving ideas more easily. It's changed quite a bit in the intervening years, most significantly over the Christmas holidays of 2020, when James did a full rewrite of the code and we implemented some new features. 

As part of the rewrite, the draft that TDD generates is now an SVG (scalable vector graphic) image meaning that you can highlight any of the numbers and letters on it with your cursor, should you so desire. We also added new collapsible menus for the Control Panel, as it was getting pretty big and cluttered. In this article, I will walk you through the different tools of TDD and what they do.

A four-hole tablet, labelled clockwise A to D starting in the top right corner

Before we get started, I want to define a few of the terms and assumptions that TDD uses. Tablets are labelled clockwise from A onwards (as shown above) and the drafts use a tablet starting position with A and whatever the letter of the final label is (this will vary based on the number of holes the tablet has) at the top. For four-holed tablets, it will generate a draft with quarter (90 degree) turns in the threading diagram; for two-holed tablets, it will generate a draft with half (180 degree) turns etc.

A diagram showing the different part of a TDD draft and what they represent

TDD displays both the threading direction of the tablets, as used by Peter Collingwood (the way the threads pass through the tablet), as the letters S and Z at the bottom of the threading diagram and warp alignment (the way the tablets appear on the warp when viewed from above) as the slant of the ovals within the threading diagram (threading direction and warp alignment are covered in more detail here). Click on the S or Z beneath the column for a tablet to change its threading direction/warp alignment. This will automatically update the turning diagram to match. To change the turning direction for a particular tablet in the turning diagram, click on the square you want to change and it will automatically change all the squares above that point too.

The TDD Control Panel has nine sections, but you don't have to use all of them to create your draft if you don't want to; the bare minimum you need is the Controls section at the top and the Palette section further down. Click on the name of each section or the plus symbol next to the name to expand that section of the Control Panel. Click on the name or the minus symbol next to the name to collapse it again.
The TDD Control Panel with every section expanded

Draft Name

Type the name of your draft in the empty box at the top of the Control Panel. This will be the name used for any files or images you save or export. If you leave this empty, TDD will use the file name "draft" instead.


Enter the number of picks (rows) you want the turning diagram to have, the number of holes the tablets will have and the number of tablets you want, using a keyboard to fill in the boxes or with the plus and minus buttons on either side of the boxes. You can always change these values later if you need to. TDD will add any extra picks to the top of the turning diagram and any extra tablets to the right of the threading diagram.


TDD comes equipped with horizontal and vertical rulers, the position of which can be controlled by entering a value in the text box or by using the plus and minus buttons. The horizontal ruler is particularly helpful if you weave from your computer screen, as you can advance it up the page to help you keep track of your position in the turning diagram. I like to use the vertical ruler to mark the centre of the draft if it is a really wide one with a line of symmetry down the middle. You can also use the vertical ruler to mark the next tablet you need to thread in the threading diagram when you warp your loom. You can enter a minus number for the horizontal ruler position to make it appear in the threading diagram rather than the turning diagram. If you would prefer not to use the rulers, you can remove them by clicking to un-tick their boxes. I always do this before exporting the draft as an image file. 


You can un-tick the Show Threads box to remove the thread ovals from the threading diagram. This is helpful if there's an error in your turning diagram that you can't pin down, as it lets you see the pattern of forward and backward turns more easily.

Tick the Show Threading Diagram box to include the threading diagram at the bottom of your draft. If you're generating a large number of drafts that all use the same threading, leaving it out after the first draft will save you some space on your page.

If you prefer to mark the points in the turning diagram where the turning direction of a tablet changes, rather than which tablets are turning backward or forward, tick the Show Reversals box to add a red line to the draft at these points.

The Show Text Description box will produce a set of written instructions equivalent to your draft, which will appear below it. The threading diagram is described tablet by tablet, with hexadecimal codes and names (more information about these names is given below) for each of the thread colours, with a list of turning instructions broken into groups of tablets below it. The description below is the text version of the example draft above:

  • Threading:

    1. Z threaded tablet
      1. Yellow (#ffff00)
      2. Flirt (#990099)
      3. Yellow (#ffff00)
      4. Flirt (#990099)
    2. Z threaded tablet
      1. Flirt (#990099)
      2. Yellow (#ffff00)
      3. Flirt (#990099)
      4. Yellow (#ffff00)
    3. S threaded tablet
      1. Flirt (#990099)
      2. Yellow (#ffff00)
      3. Flirt (#990099)
      4. Yellow (#ffff00)
    4. S threaded tablet
      1. Yellow (#ffff00)
      2. Flirt (#990099)
      3. Yellow (#ffff00)
      4. Flirt (#990099)

  • Turning:

    1. 4F
    2. 4F
    3. 4B
    4. 4B
    5. 4F
    6. 4F
    7. 4B
    8. 4B

The Backwards Turn Saturation slider can be used to increase or decrease the level of contrast of the grey background squares on the turning diagram. If you slide it all the way to the left, you can make the background of all the squares white instead to get a quick preview of what the draft might look like when woven.

When I'm creating a draft for weaving double-face, I un-tick the Show Threads tool and set the Backwards Turn Saturation to about 75%, as I'm using the draft to show the placement of the background colour and contrast colour rather than what the individual tablets are doing, but I still want to be able to see the borders of the boxes on the turning diagram. This charting method is also useful in producing drafts for brocaded bands.

A simple draft with squares filled with either grey or white
A simple draft for either brocade or double-face

Since the big December re-build, the Visual Scale of the draft can now be used to both increase the size of the draft on your screen and decrease it (if you input a negative number into the box), which is really helpful for getting an overview of very large drafts.


We initially took out this tool during the update, as we weren't happy with the way it was functioning. Now that it's back, it works a bit differently, but it's now no longer possible to use it to generate a band mock-up that won't work when woven.

Select the Show Repeats box and TDD will add a mock-up of your band to the right of your draft; it will look the the same as your draft, but all the squares will have white backgrounds and it will be missing any red lines or rulers. Specify which picks you want to be included in your mock-up using the Repeat Start and Repeat End fields and TDD will show you what a band would look like if you repeated that turning sequence using the threading diagram you have input. You can change how many times TDD repeats those picks using the Number of Repeats field. More information about how the Repeats tool works can be found here.


Treat the Reset All button with caution! It clears everything away and resets your draft to 1 pick high and 1 4-holed tablet wide at 0 Visual Scale. It's really helpful if you want to start a new draft from scratch, but there's no undo function, so always save your work before using it.

The Clear Pattern button will reset your turning diagram to the default, with every square set to forward turn, with no turning reversals, but won't change your threading diagram or the number of picks in it.


To change the colours of your threads, click the Foreground Colour you want, then click on the thread you want to change in the threading diagram. If you want that tablet hole to be empty so you can produce a vacant-hole draft, select "None" from the left side of the Palette before clicking on the threading diagram. This will give you an empty box instead of a thread for that tablet hole on the threading and turning diagrams. The numbers underneath the colours in the Palette tell you how many times that colour is used in the threading diagram to make warping for your band easier.

The Palette will display a Colour Name for the colour you have selected, taken from an open source java-script library by Chirag Mehta. This colour name is also used in the Text Description below the draft, if you have it turned on.

If the colours in the Palette aren't to your preference, you can adjust them by selecting a colour's box and changing it using the Red Green Blue sliders below it. Alternatively, you can enter the RGB values for the shade you want next to the sliders. If the colour you have changed is used in your draft, the draft will be automatically updated with your changes.


TDD can export images for both your draft and for your pattern repeat mock-up. Fill in the number of pixels wide you want the image to be in the box, then click on any of the three buttons below it to download your image. If, for example, you want your image to be 5cm (2 inches) wide with a resolution of 250dpi, enter 500px in the Export Width box.. TDD can export your draft as an .svg file, a .jpeg file or a .png file. The file name will be the same as the name you gave the draft at the top of the Control Panel. The image will be the same as your draft, so if you have the rulers or red reversal points turned on, they will be included in your exported image.


One of the big behind-the-scenes changes that we made this past December is the way TDD saves files. Previously, it used the .json format which produced a large amount of coded information, the vast majority of which would be gibberish to the lay-person. The new .tdd files are much shorter and actually resemble your draft if you open one up in a text editor (like Notepad++, Sublime Text, Emacs, Vi, Atom, or any programmers' editor); if you do open one, make sure that you don't accidentally change the file extension or TDD won't be able to open it again. 

You will still be able to open any of the .json files you previously made using TDD, but you will only be able to save in the new format. We don't intend to remove this capability to open old files, so there's no rush to convert them.

When you click the Save button, TDD will download the .tdd file for your draft to your device using the draft name you specified at the top of the Control Panel, in the same way as the Image Export tool. Clicking the Choose File button will open an Open File dialogue box. The text below is the contents of the save file for the example draft above.



0 - #ffffff
1 - #000000
2 - #ff0000
3 - #009900
4 - #0000ff
5 - #dddddd
6 - #999999
7 - #ffff00
8 - #00ffff
9 - #990099
a - #ff8800
b - #ff8888

We will be continuing to add to TDD's features over time to support a wider range of drafting styles and I'll publish information about any changes on my blog as we make them. If you have any suggestions for new features, you can leave them at my blog or on Github, where you can also view TDD's code, but keep in mind that TDD is a project that we work on in our spare time, so it may take a while for them to be implemented. I hope this tutorial has been instructive and inspires you in creating your own drafts. 

Sunday, 14 February 2021

Tablet Weaving Draft Designer Update: Exporting an Image of Your Pattern Repeats

At the request of a user, you can now use TDD to export and image of your pattern repeat mock-up as well as of your draft. You can find the tool for this in the Control Panel under Export, below the buttons for exporting an image of your draft. It gives you the option to download it as an .svg, a .jpg or as .png file.

Monday, 11 January 2021

S and Z

I designed and wove this band all the way back in the summer of 2019, so I think it's definitely about time I shared it with you. It was inspired by the prevalence of S and Z motifs in medieval Europe and is woven in 3x1 diagonals.

It's an easy weave, with tablets in groups of four turning backward or forward for groups of four turns and is a great one to try if you want to practice working with multiple turning directions at the same time. It's twist neutral for the pattern tablets, so you'll only get a build up of twist behind the two selvedge tablets carrying the white yarn on either side of the pattern.

You can download the TDD file for this draft by clicking here.

A tablet weaving draft in red and white with S and Z motifs

A photo of a red and white tablet woven band with S and Z motifs

The text version of this draft is as follows:

  • Threading:
    1. S threaded tablet
      1. White (#ffffff)
      2. White (#ffffff)
      3. White (#ffffff)
      4. White (#ffffff)
    2. Z threaded tablet
      1. White (#ffffff)
      2. White (#ffffff)
      3. White (#ffffff)
      4. White (#ffffff)
    3. Z threaded tablet
      1. White (#ffffff)
      2. Red (#ff0000)
      3. Red (#ff0000)
      4. Red (#ff0000)
    4. Z threaded tablet
      1. Red (#ff0000)
      2. White (#ffffff)
      3. Red (#ff0000)
      4. Red (#ff0000)
    5. Z threaded tablet
      1. Red (#ff0000)
      2. Red (#ff0000)
      3. White (#ffffff)
      4. Red (#ff0000)
    6. Z threaded tablet
      1. Red (#ff0000)
      2. Red (#ff0000)
      3. Red (#ff0000)
      4. White (#ffffff)
    7. S threaded tablet
      1. Red (#ff0000)
      2. Red (#ff0000)
      3. Red (#ff0000)
      4. White (#ffffff)
    8. S threaded tablet
      1. Red (#ff0000)
      2. Red (#ff0000)
      3. White (#ffffff)
      4. Red (#ff0000)
    9. S threaded tablet
      1. Red (#ff0000)
      2. White (#ffffff)
      3. Red (#ff0000)
      4. Red (#ff0000)
    10. S threaded tablet
      1. White (#ffffff)
      2. Red (#ff0000)
      3. Red (#ff0000)
      4. Red (#ff0000)
    11. S threaded tablet
      1. White (#ffffff)
      2. White (#ffffff)
      3. White (#ffffff)
      4. White (#ffffff)
    12. Z threaded tablet
      1. White (#ffffff)
      2. White (#ffffff)
      3. White (#ffffff)
      4. White (#ffffff)
  • Turning:
    1. 2F 8B 2F
    2. 2F 8B 2F
    3. 2F 8B 2F
    4. 2F 8B 2F
    5. 12F
    6. 12F
    7. 12F
    8. 12F
    9. 12F
    10. 12F
    11. 12F
    12. 12F
    13. 2F 4B 6F
    14. 2F 4B 6F
    15. 2F 4B 6F
    16. 2F 4B 6F
    17. 2F 8B 2F
    18. 2F 8B 2F
    19. 2F 8B 2F
    20. 2F 8B 2F
    21. 2F 8B 2F
    22. 2F 8B 2F
    23. 2F 8B 2F
    24. 2F 8B 2F
    25. 12F
    26. 12F
    27. 12F
    28. 12F
    29. 2F 8B 2F
    30. 2F 8B 2F
    31. 2F 8B 2F
    32. 2F 8B 2F
    33. 12F
    34. 12F
    35. 12F
    36. 12F
    37. 12F
    38. 12F
    39. 12F
    40. 12F
    41. 6F 4B 2F
    42. 6F 4B 2F
    43. 6F 4B 2F
    44. 6F 4B 2F
    45. 2F 8B 2F
    46. 2F 8B 2F
    47. 2F 8B 2F
    48. 2F 8B 2F
    49. 2F 8B 2F
    50. 2F 8B 2F
    51. 2F 8B 2F
    52. 2F 8B 2F
    53. 12F
    54. 12F
    55. 12F
    56. 12F

As with all of the free patterns on this site, you are welcome to weave them, sell bands woven using them, and use them to teach other weavers, just as long as you state where you found them.

Wednesday, 6 January 2021

TDD, Text Descriptions and Accessibility

There have been seismic shifts in the yarn community over the last six months which have opened my eyes to some of the obstacles faced by many of you out there in internet land. Discussions of these obstacles have inspired us to do better and we want to play our part in making the yarn community more inclusive. If you want to tablet weave, we want to help you to do it! As such, James and I are committed to making Tablet Weaving Draft Designer more accessible to our visually impaired users. 

Our first step has been to add a Text Description tool in the Display section of the control panel, so that the draft can be rendered in a non-pictorial way. The interface for making the draft still requires the user to click on squares in a grid, which isn't compatible with software like screen-readers, so we're working on a way to create drafts using a keyboard instead. If you use a screen reader or other assistive technology, or know someone who does, and are interested in helping with some beta testing when the time comes, we would love to hear from you.

I know that some users prefer a text based sequence of turning instructions, so the new Text Description tool will hopefully be of use to them too. The original version of TDD, all the way back in 2015, was tailored to my specific needs and the way that I think about tablet weaving and draft my patterns. I'm dyslexic and find walls of text difficult to work with, so we started with a basic pictorial draft and worked from there. Over the years we've been adding extra features to make TDD work better for a wider range of people (the ability to change the saturation of the backwards turn squares or to mark turning direction changes in red, for example) and making it more accessible is a continuation of that.

Over the next few weeks, I will be going through every post on this blog to add text versions to go with each pictorial draft and adding alt text to any images that don't already have them. I will also be adding a TDD draft download link to go with every draft page.

Tuesday, 5 January 2021

Using the New Pattern Repeat Tool on TDD

The new Pattern Repeat tool may not work in quite the way you are expecting, so if you have any questions about it, please read this post. The band generated by the tool can't currently be exported as an image. This is on the to-do list, but may take a while.

When we did the recent redesign, we added a lot of improvements to our Tablet Weaving Draft Designer and dropped one of the old features: the Pattern Repeat tool. It wasn't functioning well and it was possible to use it to generate a band that wouldn't actually work when woven. If you had a draft for four-holed tablets, for example, and told the old tool that the repeat was the first two picks (rows), it would merely copy the contents of those two picks. If those two picks represented forward turns of the tablets, the old tool made it appear that continuous forward turns would repeat those two picks and only those two picks.

An example tablet weaving draft for 8 tablets in yellow and blue
A simple example draft

For the above example draft, if you told the old tool that the pattern repeat was from pick 1 to pick 2 and to repeat it twice, it would produce the band pictured below: 

An incorrect example band generated by the old pattern repeat tool
An incorrectly generated band

This is how the new pattern repeat tool shows it:

A screen shot of TDD showing how the new pattern repeat tool displays a band
This is how the new tool generates the band, given the same instructions as before

The new tool takes the turning sequence of the tablets for the picks that you specified, and applies it to the threads as they are arranged in your turning diagram, from the tablet starting positions in your first specified repeat pick.

An example draft showing how the new tool repeats the turning sequence from the turning diagram
Here the tool repeats the turning sequence from picks 1-6, so it shows you what the band looks like if you do 4 turns forward, then 2 turns backward, starting from pick 1 onwards

If the band generated by the Pattern Repeat tool is not what you were expecting, try adjusting the starting and ending picks that you have specified in the control panel.