Framework AIO Assembly
by whatthefilament in Workshop > 3D Printing
3206 Views, 14 Favorites, 0 Comments
Framework AIO Assembly
![F5E901C6-4BCC-4654-898A-6096F31681C1.jpeg](/proxy/?url=https://content.instructables.com/F7O/D2RD/LDEJBV73/F7OD2RDLDEJBV73.jpg&filename=F5E901C6-4BCC-4654-898A-6096F31681C1.jpeg)
3D Printable Case for Framework Laptop that converts it into an AIO style Desktop Computer
Supplies
![0A02F4BC-E8BB-4A2C-9C3D-D3F99621BB68.jpeg](/proxy/?url=https://content.instructables.com/FNP/IGE0/LDEJBV7D/FNPIGE0LDEJBV7D.jpg&filename=0A02F4BC-E8BB-4A2C-9C3D-D3F99621BB68.jpeg)
To help organize parts for this project, feel free to check out my [Framework parts tray](https://www.printables.com/model/253099-framework-parts-tray)
For assembly, you will need the following:
- 14 - M3 heat inserts (short)
- 10 - M3 x 4mm screws
- 4 - M3 x 8mm screws
- 1 - M2 x 6mm self tapping screw
- 30 - 6mm x 3mm Magnets
- A small mallet/hammer to press in magnets (They are designed to be tight)
- M3 hex key
- Small head Phillips screwdriver (the one that comes with the Framework laptop works great)
- Soldering iron or other similar heat press insert tool
From the laptop itself you will need the following:
- Mainboard
- Expansion Cards
- Audio Board
- Wi-Fi Module
- Wi-Fi Antenna (Highly recommended that you buy a new one from Framework for the build, the antennas are very thin and break easily when attempting to remove from the display housing)
- Speakers
- Display
- Webcam and webcam ribbon cable
- Display Hinge (Specifically the left one with the L stamped onto it) I havent tried the new high weight hinges so I don't know if they work. I designed using the original hinges.
Heatset Inserts
![EFD03534-3AB8-4A9E-9393-2F2F3C0A9BB5.jpeg](/proxy/?url=https://content.instructables.com/F2Q/7MAJ/LDEJBZPW/F2Q7MAJLDEJBZPW.jpg&filename=EFD03534-3AB8-4A9E-9393-2F2F3C0A9BB5.jpeg)
![24B5C410-192F-493F-9D57-36EF622C411A.jpeg](/proxy/?url=https://content.instructables.com/FGV/3PJO/LDEJBZO9/FGV3PJOLDEJBZO9.jpg&filename=24B5C410-192F-493F-9D57-36EF622C411A.jpeg)
Using a soldering iron or other tool capable of setting a heat set insert place the 14 heatset inserts. (
13 in the main chassis and 1 in the desktop stand. See each location highlighted in the images above.
Magnets
![4C7C2E18-C016-4D01-AF82-468604C8D9BC.jpeg](/proxy/?url=https://content.instructables.com/FIF/0DZK/LDEJBZO8/FIF0DZKLDEJBZO8.jpg&filename=4C7C2E18-C016-4D01-AF82-468604C8D9BC.jpeg)
![92EC68E3-81E0-4ABC-9B56-B0D87880AE4A.jpeg](/proxy/?url=https://content.instructables.com/FEG/17TI/LDEJBZOC/FEG17TILDEJBZOC.jpg&filename=92EC68E3-81E0-4ABC-9B56-B0D87880AE4A.jpeg)
![A269D6D5-9A35-435E-B72E-E6E3A788C6B2.jpeg](/proxy/?url=https://content.instructables.com/FC5/5TAX/LDEJBZOD/FC55TAXLDEJBZOD.jpg&filename=A269D6D5-9A35-435E-B72E-E6E3A788C6B2.jpeg)
![D02E1A6D-57C4-44AD-BE9C-68405E020A8F.jpeg](/proxy/?url=https://content.instructables.com/FDM/J19Q/LDEJBZOE/FDMJ19QLDEJBZOE.jpg&filename=D02E1A6D-57C4-44AD-BE9C-68405E020A8F.jpeg)
Using 30 6x3mm magnets set a magnet in each of the highlighted spots from the images above.
Please remember to keep polarity in mind. When attaching the display bezel and back panels the polarity needs to be correct so that they aren’t repelled.
Note, each magnet mounting spot is designed to be snug enough that the magnets will hold in with friction. Depending on your printer you may need to add a dab of glue if the magnet doesn’t hold in place on its own.
Add Display Panel and Webcam
![AB4914FE-BDDC-4509-9581-39A7E80F4BAD.jpeg](/proxy/?url=https://content.instructables.com/F99/LIMR/LDEJBZOH/F99LIMRLDEJBZOH.jpg&filename=AB4914FE-BDDC-4509-9581-39A7E80F4BAD.jpeg)
![710F581E-06BE-49AC-A45E-54401B6F6F2F.jpeg](/proxy/?url=https://content.instructables.com/FE4/RU7R/LDEJBZOI/FE4RU7RLDEJBZOI.jpg&filename=710F581E-06BE-49AC-A45E-54401B6F6F2F.jpeg)
![0F904B65-947B-4595-B3A5-FBADB9B7484A.jpeg](/proxy/?url=https://content.instructables.com/FKM/2O1O/LDEJBZOJ/FKM2O1OLDEJBZOJ.jpg&filename=0F904B65-947B-4595-B3A5-FBADB9B7484A.jpeg)
Set the display panel face down into the bezel. Ensure each of the 4 tabs line up and sit properly in the frame.
After placing the display we will add the webcam module. To get correct orientation from the webcam output you will need to place it so that ribbon cable is point towards the top of the bezel and rapped back around.
- If placed with the ribbon cable facing down the camera feed will be upside down and I haven’t found a way in Windows to rotate it.
Once placed in the bezel bend and route the ribbon cable as shown in the picture above. This will leave enough slack to connect the cable to the mainboard while not filling up the back compartment with unnecessary cable.
Attach Display to Chassis
![C0903099-E95C-49C5-9DC5-F85338BD994D.jpeg](/proxy/?url=https://content.instructables.com/FE9/IW5M/LDEJBZOK/FE9IW5MLDEJBZOK.jpg&filename=C0903099-E95C-49C5-9DC5-F85338BD994D.jpeg)
![B57568F7-BB58-4D85-9345-5AF7A415EA3D.jpeg](/proxy/?url=https://content.instructables.com/FT7/6ECX/LDEJBZOL/FT76ECXLDEJBZOL.jpg&filename=B57568F7-BB58-4D85-9345-5AF7A415EA3D.jpeg)
Once the display and webcam are properly set in the bezel. Run the webcam cable in display cable through the holes highlighted above.
After pulling the cables through align the magnets and set the chassis down of the display. Everything should snap into place.
If the bezel doesn’t sit flush you just need to pull the cables a little to get them to sit in their channels. There is not a lot of spare room so just play around with them till it sits right.
Add Mainboard and Expansion Cards
![65073FC5-346C-4F73-BB4D-8427E4F32639.jpeg](/proxy/?url=https://content.instructables.com/FFX/Q2O5/LDEJBZOP/FFXQ2O5LDEJBZOP.jpg&filename=65073FC5-346C-4F73-BB4D-8427E4F32639.jpeg)
![1670EA81-8427-42ED-9E40-9FE274C1CCBE.jpeg](/proxy/?url=https://content.instructables.com/FM9/DANQ/LDEJBZOT/FM9DANQLDEJBZOT.jpg&filename=1670EA81-8427-42ED-9E40-9FE274C1CCBE.jpeg)
Once everything is properly situated with the display bezel. Set the mainboard in the chassis as shown above making sure to align the audio board with its mounting studs. Everything should fit snug in place.
Before screwing down the mainboard. I suggest plugging in your expansion cards. They will help make sure everything is properly aligned.
- If you’re struggling to get the expansion cards to plug in feel free to cut out the alignment rails along the sides of each expansion slot on the chassis. They are designed to allow the expansion cards to slide into the chassis as they do in the laptop but depending on your printer calibration they can be tough. With them removed it becomes much easier to plug in the cards. They are just a bit looser and have the potential to harm the USB C slot mounted to the mainboard if torqued the wrong way.
After adding the mainboard and plugging in the expansion cards go ahead and screw down the mainboard, audio board and Wi-Fi module with the 8 M3x4mm screws highlighted in the picture above.
Add Wi-Fi Antenna
![5AD40822-7C7B-483E-B953-24D947B66950.jpeg](/proxy/?url=https://content.instructables.com/FXK/YJMG/LDEJBZOU/FXKYJMGLDEJBZOU.jpg&filename=5AD40822-7C7B-483E-B953-24D947B66950.jpeg)
![57672B91-A6F1-4218-B5E8-CB103DDCE46D.jpeg](/proxy/?url=https://content.instructables.com/FE8/WVKT/LDEJBZOV/FE8WVKTLDEJBZOV.jpg&filename=57672B91-A6F1-4218-B5E8-CB103DDCE46D.jpeg)
![7D6EE56A-D941-407C-B7C2-3403BEAA82CA.jpeg](/proxy/?url=https://content.instructables.com/FDM/IME7/LDEJBZOY/FDMIME7LDEJBZOY.jpg&filename=7D6EE56A-D941-407C-B7C2-3403BEAA82CA.jpeg)
![0904CAA2-8873-4493-8161-F51FED1EF536.jpeg](/proxy/?url=https://content.instructables.com/F32/ZZ4J/LDEJBZOZ/F32ZZ4JLDEJBZOZ.jpg&filename=0904CAA2-8873-4493-8161-F51FED1EF536.jpeg)
Before setting the Wi-Fi antenna in the chassis. Start the M2x6mm self tapping screw to the middle antenna hole.
Before screwing it into place route the antenna wires through the retainers as shown in the picture above.
With the wires run you can now set the antenna module in place and screw fasten it.
After you fasten it, connect the white and black wires to their respective pins on the WiFi module. Be careful, the pins are delicate.
After all steps above are done, route the antenna wire slack as shown in the picture above to keep it safe and out of the way.
Speakers
![DBF9A0EB-77E6-42B3-81DA-C99DE8C24FBF.jpeg](/proxy/?url=https://content.instructables.com/FGO/X9H4/LDEJBZP0/FGOX9H4LDEJBZP0.jpg&filename=DBF9A0EB-77E6-42B3-81DA-C99DE8C24FBF.jpeg)
With the Wi-Fi installed and out of the way. We can now move on to the speakers.
Set the speakers into the chassis as show, each speaker is held in place with 2 M3x8mm bolts.
DO NOT OVER TIGHTEN THE SCREWS. THEY HAVE RUBBER GASKETS THAT WILL MANAGE VIBRATION. THE SCREWS ONLY NEED TO BE TIGHTENED DOWN ENOUGH SO THEY CLEAR THE BACK PANELS.
With the speakers mounted, run the cables as shown in the picture above and connect the speaker cable to the mainboard.
- Ensure the speaker cable runs above the hinge mount but below the mainboard to keep from getting caught in the hinge.
- Using a spudger or other similar tool (the framework screwdriver works great) push the wire coming out of the speaker on the right down below the speaker. We don’t want it to get caught between the chassis and panel when being snapped into place.
Display Mount
![0960EEB2-0B9D-4D45-B6EE-29942B36BBD3.jpeg](/proxy/?url=https://content.instructables.com/FV6/L5R7/LDEJBZP1/FV6L5R7LDEJBZP1.jpg&filename=0960EEB2-0B9D-4D45-B6EE-29942B36BBD3.jpeg)
![1F6F2A2D-C823-433F-8CF1-FF17DD573F1C.jpeg](/proxy/?url=https://content.instructables.com/FPS/76ZD/LDEJBZP4/FPS76ZDLDEJBZP4.jpg&filename=1F6F2A2D-C823-433F-8CF1-FF17DD573F1C.jpeg)
At this point, all electrical components are installed in the chassis and we can move on to the display mount.
You can choose to use either the desk stand or the VESA mount. For this assembly, we will be using the desk stand.
Screw the hinge into the stand using an M3x4mm bolt as shown in the picture above. We want to start with the stand as we won't be able to access this side of the hinge when mounting in the case.
After it is attached, align the other side of the hinge with its mounting point in the center of the chassis and secure it in place with the last M3x4mm bolt.
Back Panels
![14DD5018-5B72-4245-B44E-94313F6CE482.jpeg](/proxy/?url=https://content.instructables.com/F4B/QYV7/LDEJBZP9/F4BQYV7LDEJBZP9.jpg&filename=14DD5018-5B72-4245-B44E-94313F6CE482.jpeg)
![9AE61665-DCCD-4597-9261-82F6580ECDBC.jpeg](/proxy/?url=https://content.instructables.com/FBI/9I0O/LDEJBZPA/FBI9I0OLDEJBZPA.jpg&filename=9AE61665-DCCD-4597-9261-82F6580ECDBC.jpeg)
![D02FAF1C-D3C1-43EA-9A30-8162EDBC0256.jpeg](/proxy/?url=https://content.instructables.com/FEA/PYC9/LDEJBZPF/FEAPYC9LDEJBZPF.jpg&filename=D02FAF1C-D3C1-43EA-9A30-8162EDBC0256.jpeg)
![88232857-CEB1-45A9-A00F-E411DB913200.jpeg](/proxy/?url=https://content.instructables.com/F01/LZEJ/LDEJBZPG/F01LZEJLDEJBZPG.jpg&filename=88232857-CEB1-45A9-A00F-E411DB913200.jpeg)
![5AFB8036-6604-4E03-BB28-D29527AE1CB9.jpeg](/proxy/?url=https://content.instructables.com/F5E/5GPP/LDEJBZPJ/F5E5GPPLDEJBZPJ.jpg&filename=5AFB8036-6604-4E03-BB28-D29527AE1CB9.jpeg)
![9E33C3A1-0D49-40FD-A925-64562C73DEE4.jpeg](/proxy/?url=https://content.instructables.com/F7G/DXXT/LDEJBZPK/F7GDXXTLDEJBZPK.jpg&filename=9E33C3A1-0D49-40FD-A925-64562C73DEE4.jpeg)
At this point, we have a functional computer but we still want it to look nice, so we can simply add the panels to the back letting the magnets align each panel into place with a satisfying snap! If you decided to print an accent inlay for the logo now would also be a good time to glue it into place.
First Boot
![3919D0CF-D845-4373-A206-E3A3DF4AA406.jpeg](/proxy/?url=https://content.instructables.com/FDG/MANP/LDEJBZIP/FDGMANPLDEJBZIP.jpg&filename=3919D0CF-D845-4373-A206-E3A3DF4AA406.jpeg)
![22A438F9-3C6B-40E3-927F-1C6FAC9767FD.jpeg](/proxy/?url=https://content.instructables.com/F6A/KX6N/LDEJC0HX/F6AKX6NLDEJC0HX.jpg&filename=22A438F9-3C6B-40E3-927F-1C6FAC9767FD.jpeg)
We now have a beautifully assembled computer. Great job!
You can plug in any sufficiently powered USB-C cable to power the machine. Using the power button located on the back the machine will boot.
The only problem we have now is the display will be upside down. To fix this we can simply go into the settings menu on windows, display settings and set the orientation to flipped.
Complete!
![983B182F-15A3-4213-B941-CD04128BBB44.jpeg](/proxy/?url=https://content.instructables.com/FGI/VCRD/LDEJBZPP/FGIVCRDLDEJBZPP.jpg&filename=983B182F-15A3-4213-B941-CD04128BBB44.jpeg)
![F7OD2RDLDEJBV73.jpg](/proxy/?url=https://content.instructables.com/F6C/5SI3/LDEJBZGL/F6C5SI3LDEJBZGL.jpg&filename=F7OD2RDLDEJBV73.jpg)
![1C5A761C-B4F9-464F-964F-BF6F23766E1F.jpeg](/proxy/?url=https://content.instructables.com/FQO/E0H1/LDEJBZHJ/FQOE0H1LDEJBZHJ.jpg&filename=1C5A761C-B4F9-464F-964F-BF6F23766E1F.jpeg)
![5CA39004-34A7-4F1B-8B60-0E21353C037C.jpeg](/proxy/?url=https://content.instructables.com/F24/1GH5/LDEJBZI6/F241GH5LDEJBZI6.jpg&filename=5CA39004-34A7-4F1B-8B60-0E21353C037C.jpeg)
Great job! You have completed the assembly of your Framework AIO. I hope you like it! Let me know if you have any suggestions or improvements I can make to future iterations.
Special thanks to HJA for her help!