Summary  
This chapter explains how to construct and refine vector paths by placing anchor points and manipulating their control handles to create and edit Bézier curves. It also covers snapping handles to fixed angles, breaking handle symmetry, and converting between straight and curved segments.  

General domain of usage  
Vector graphic design and illustration tools.

**Kynätyökalu** työkalupalkissa mahdollistaa muotojen luomisen yhdistämällä pisteitä (tai solmuja). Kun suljet muodon, näkyviin tulee ympyräkuvake; oletuksena muodolla on viiva mutta ei täyttöä.  

Kaarevien viivojen piirtämiseksi napsauta ja vedä luodaksesi kahvoja, jotka ohjaavat kaarevuutta. Käytä **Alt/Option**-näppäintä katkaistaksesi kahvat itsenäistä hallintaa varten tai **Shift**-näppäintä lukitaksesi ne pystysuoriin, vaakasuoriin tai 45° kulmiin.  

Edistyneempiin muokkauksiin käytä **Ctrl/Command**-näppäintä aktivoidaksesi taivutustyökalun, jolla voit muuntaa suorat viivat kaariksi, muokata solmuja tai lisätä/poistaa kahvoja. Kynätyökalua käytettäessä olet "eristystilassa", jolloin muodot käsitellään yhtenä kokonaisuutena, kunnes poistut tilasta **Escape**-näppäimellä.

Tässä on linkki mainittuun harjoitussivustoon: <a href="https://bezier.method.ac/" target="_blank"> Pen Tool</a>.
Tämä peli auttaa merkittävästi kehittämään taitoja tämän työkalun käytössä. Toivottavasti nautit siitä!

Mitä tapahtuu, kun pidät **Alt/Option**-näppäintä pohjassa ja vedät Kynätyökalun kahvaa?

Kuinka voit muuntaa suoran viivan kaareksi Kynätyökalulla?

Opi kaikki käyttöliittymien suunnittelun perusteista edistyneisiin prototyyppien ja yhteistyötekniikoiden hallintaan. Tutustu siihen, miten luodaan wireframeja, suunnitellaan visuaalisesti vaikuttavia asetteluja ja työskennellään tehokkaasti kehitystiimien kanssa hyödyntäen Figma:n tehokkaita ominaisuuksia. Täydellinen sekä aloittelijoille että ammattilaisille, tämä oppimispolku yhdistää käytännön projektit, asiantuntijavinkit ja todelliset sovellukset auttaakseen menestymään kilpailullisessa suunnittelumaailmassa.

Opi, mitä Figma on, mikä on sen rooli UI/UX-suunnittelussa sekä kuinka navigoida sen käyttöliittymässä ja työkaluissa. Tutustu FigJam-tauluun ideointia ja yhteistyötä varten sekä Figma-sivuihin ja -kehyksiin, jotka muodostavat perustan suunnitelmien tehokkaalle organisoinnille ja rakenteelle.

Opi, miten kerrokset Figmassa auttavat pitämään suunnittelun järjestyksessä. Tutustu, miten ryhmitellyt muodot tukevat vaikuttavien visuaalien luomista. Perehdy tekstin tyylittelyyn typografiatyökaluilla.

Opi sijoittamaan valokuvia ja videoita, käyttämään maskeja sekä hyödyntämään sekoitustiloja dynaamisten suunnitelmien luomiseksi. Hallitse värit, liukuvärit, painikkeet, automaattiset asettelut, komponentit ja tyylit. Hyödynnä laajennusten ja widgetien mahdollisuudet luovuuden lisäämiseksi ja työnkulun tehostamiseksi.

Tutustu sarakkeisiin, ruudukoihin, liitännäisiin ja vanhempi-lapsi-komponenttirakenteeseen suunnitteluprosessin tehostamiseksi.

Matalaresoluutioisten rautalankamallien kehittäminen, interaktiivisten prototyyppien luominen, suunnittelujen animointi ja työn esittäminen asiakkaille tehokkaasti.

Kynätyökalu Figmassa: Mukautettujen Muotojen ja Vektorigrafiikan Luominen

1. Mitä tapahtuu, kun pidät Alt/Option-näppäintä pohjassa ja vedät Kynätyökalun kahvaa?

2. Kuinka voit muuntaa suoran viivan kaareksi Kynätyökalulla?