Lesson 13. Curves

Module 2. Figma basics.
Free UX / UI design course for a newcomer

To start learning, take tests and track progress, you need to enroll in the course. It's free.

In the seventh part on the basics of Figma, you will master working with curves at an advanced level. And although you are already familiar with Boolean operations that allow you to create complex vector shapes, this is just the tip of the iceberg. With the Pen tool, you can recreate literally any shape.

Why should a designer know how to work with curves? It is especially useful when creating custom icons, which are an integral part of any interface. You don't necessarily have to create icons from scratch; it's enough to download a suitable template and adjust/fine-tune it manually for your task.

Secondly: drawing illustrations, where the same techniques apply, the only difference is that they are usually more complex and serve a different function compared to icons (drawing attention).

Bezier Curves

Bezier Curves – are a mathematical tool for describing curves, which was used by Pierre Bezier in the 1960s for designing the body shapes of cars for the Renault company.

Over time, this discovery played a key role in design and computer graphics in both 2D and 3D directions. Shapes based on Bezier curves are called differently, depending on the program, but the essence remains unchanged. You may encounter terms such as spline and «paths».

Bezier curves of varying complexity

Types of Curves

All Bézier curves can be conditionally divided into several types depending on the number of points from which they are composed, which determines their complexity (see the image from top left to right):

  • linear
  • quadratic
  • cubic
  • higher order

Usually, cubic Bézier curve sequences are used in graphic applications to create any shapes. Having understood the theory, let's move on to the practical part.

Pen Tool in Figma

To draw curves in Figma, there is a Pen tool (hotkey P). Interestingly, with its help, you can create any primitive (rectangle, circle, etc.). Moreover, all primitives can be quickly converted into curves. But let's start with linear curves, the feature of which is that the control points are not smoothed, and the final shape looks somewhat rough.

Creating a Curve

The sequence of actions to create a curve looks like this:

  1. Select Pen using the P key or by clicking on the pen icon in the toolbar.
  2. Click where you want to place the first point. Note that an additional panel has appeared above the tool at the bottom. This is how Figma indicates that you are in curve editing mode.
  3. Continue clicking on the workspace to create new points. As soon as we have two points, a line starts to appear between them.
  4. Hold down the Shift key to temporarily constrain the angle of the lines being created and make them multiples of 45 degrees. In practice, this allows you to easily draw perfect horizontal, vertical, and diagonal lines.
  5. To specify the last point of the shape, there are several ways:
    • Press the Enter key on the keyboard.
    • Press Esc twice. The first press will finish creating the curve within the object. That is, you can continue clicking and create another line within the same layer. The second press of Esc will make Figma exit editing.

As you can see, our curve turned out to be clumsy. To smooth the line, instead of clicking during the creation process, you need to hold down the left mouse button and move it until you get the desired shape. Then release the left mouse button.

With this technique, you can draw smooth lines. At first, it may seem like a difficult task, but with practice, you will realize that it is quite convenient. Plus, you can always edit the vector shape, which will be explained below.

In addition, you can create closed shapes when the first and last points coincide. This will allow you to fill closed areas later.

Drawing a Circle

As I mentioned earlier, with curves you can draw anything you want. I know that a circle is not the most complex shape possible, but it's a good exercise for beginners. Moreover, we need to practice constructing smooth and closed figures. To simplify the task, I drew a helper grid. The point is that when drawing a perfect circle, you need to mark points at equal distances and with identical degrees of smoothing. Let's get started.


Remember that you need to create points by holding down the left button and moving the cursor. You should only release the left button when you are satisfied with the curve of the line. Set aside at least 10 minutes to practice drawing smooth contours to get accustomed.

Editing Curves

As with primitives, you can change the proportions of vector objects simply by selecting them and dragging any of the corners or sides. But the editing capabilities do not end here, you can:

  • Add more lines
  • Change or move points
  • Adjust curvature
  • Add fill to closed contours

To begin, you need to enter editing mode:

  1. Select the vector object. This can be not only a curve but also most primitives: rectangle, ellipse, line, etc.
  2. Next, one of the options below:

    • Press the Enter key
    • Double-click on the vector object. No prior selection is needed here. This is probably the easiest way.
    • Click the left square icon (Edit Object) at the top center.

    After this, the toolbar will change. New buttons for working with spline editing tools will appear on the left.

Move Tool. Moving Points

Hotkey V. Allows you to select and move one or more points of a vector object with the mouse. The Shift key works here, just like when creating a new curve. You can also use the keyboard (arrow keys) to move points. This tool is activated by default when you enter edit mode.


Bend Tools. Curvature Control

First, we activate the Bend tool (which means to bend, already hinting at its purpose) by clicking on the icon of the rounded line with two dots (the first) on the additional tools panel. To control the smoothing of the line:

  1. Hover the cursor over any line between two points. An icon of a bent line will appear in the lower right corner of the cursor.
  2. Hold down the left mouse button and drag. The line will start to follow your movements, trying to adjust to the cursor's position. If the shape had uneven angles and looked awkward, guiding points will appear simultaneously, which determine the curvature.
  3. Release the left mouse button to fix the curvature.

To control smoothing through a curve point:

  1. Hover the cursor over any point on the curve. An icon with a point and two guides will appear in the lower right corner of the cursor.
  2. Press and hold the left mouse button and drag. Two symmetrical guides will extend from the point, and the lines on either side of the point will smooth out. To control only one guide, press the Alt key. To enable angle snapping (multiples of 45 degrees), press the Shift key.
  3. Release the left mouse button to lock the curvature.

Below are all the techniques mentioned above, including the use of the Shift and Alt keys:


To control the smoothing through control points:

  1. Hover the cursor over any control point of the curve. An icon with a point and two control handles will appear in the lower right corner of the cursor.
  2. By clicking the left mouse button, the control handle will be removed.
  3. Click the left mouse button and drag the cursor to change the angle of the control handle along with the opposite control handle, i.e., symmetrically. If you want to change the angle of only one control handle, hold down the Alt key. The Shift key also works here for snapping to angle.

It often happens that the guides are not visible, but by the shape of the line, it is clear that they are there. In such cases, you need to switch to the Move tool and select the desired point. The guides will appear, after which you need to go back to Bend mode.

Not the most convenient way to show guides. But there is a solution. Just keep working in Move mode to select points and show guides. And switch to Bend mode using the hotkey Ctrl or Command on MacOs. Note that you need to hold down the hotkey while using the tool, as you will immediately return to Move mode after releasing the key.

Let's see how this looks in practice. Note that we start in Bend mode, and only the guides of two points are visible. Then we switch to Move mode, select the necessary points and hold down Ctrl (Command on MacOs) to quickly adjust the guides of the points or the curvature of the lines:


Paint Bucket Tool. Filling Closed Shapes

Allows selective filling of closed contours of a vector shape. Fill settings are available in the Fill section and fully replicate the capabilities of standard primitives. Instructions for use:

  1. Select the tool by clicking on the drop icon or by pressing the hotkey B.
  2. Click inside the closed contour to fill the area. A plus will be added to the drop icon.
  3. Click again inside the filled contour to remove the fill.

It may seem, what is the advantage of this tool? After all, you can set the fill through the Fill section in the properties panel on the right. That's correct, but if you need to color not all outlines, but only some, then it's not so simple to do.

Border Settings

We are already familiar with some stroke settings from the first Figma lesson. Let's now explore the advanced options:

  • The dropdown menus in the bottom left and right set the shape of the starting and ending points of the contour. Of course, if the contour is closed, we won't notice anything.
  • By clicking the icon with three dots in the bottom right, you can access advanced settings. See the points below
  • Stroke style — stroke style: Solid — solid, Dashed — dashed. When selecting the dashed style, additional parameters are added: Dash — dash length, Gap — gap length, Dash cap — dash shape.
  • Join — point joining shape: Miter — automatically beveled if the angle is less than the value set by the Miter angle field, Bevel — constantly beveled, Round — rounded.

Corner Rounding

You can round the points of the curve in an alternative way:

  1. Go to edit mode.
  2. Select the necessary points.
  3. Specify the rounding degree in the Corner radius field on the properties panel on the right.

Please note that this rounding method does not affect the guide points and works only with the angles of contours. If you have set the curvature of lines using the Bend tool, rounding will not work.

Adding and Removing Points

As I mentioned above, you can add and remove points at any time. After entering edit mode, try the following for copying a point:

  1. Select the Move tool (key V).
  2. Hover the cursor over the point you want to copy.
  3. Hold down the Alt key. The cursor will change to a double arrow, as if indicating that it is ready to copy.
  4. Press and hold the left mouse button and drag the cursor. The new point will follow the cursor. Note that another line is formed, as the original point was connected to another line.

To add a point inside an existing line:

  1. Select the Pen tool (key P).
  2. Move the cursor to the middle of the line where we want to add a point. Figma will suggest the middle of the line. A plus sign will also appear next to the cursor in the bottom right corner.
  3. Click the left mouse button. The point has been added.

To delete a point:

  1. Select the Pen tool (key P).
  2. Hover the cursor over the point you want to delete.
  3. Hold down the Alt key. A minus sign will appear in the lower right corner of the cursor.
  4. Click the left mouse button. The point has been deleted.
  5. Another good option: if you select the point with the Move tool and delete it with the Delete key, Figma will not connect neighboring points and a separate path may form inside the layer. This method is ideal if you are deleting individual paths, for example, unnecessary elements of the uploaded icon, to simplify it.

You can add points outside of existing lines. In this case, the vector object will consist of several contours.

Converting Stroke to Paths

At certain stages of work, especially before exporting the icon in SVG format, it may be necessary to convert all strokes to outlines. That is, convert the stroke to closed paths with fill. This is required so that the icons display correctly in the browser. After this operation, you will no longer be able to adjust the stroke thickness or any of its other properties, except for color. Therefore, perform this operation as a last step. There are several ways to convert:

  • Select the vector object and press Ctrl+Shift+O or Shift+Command+O on MacOs.
  • Open the context menu by right-clicking on the desired vector object. Choose Outline stroke.

To ensure that the conversion was successful, it is enough to enter editing mode and see the new points and curves.

Websites with Free Icons

Now you know most of the techniques for working with curves. In the second lesson of working with Figma, you learned, how to import a file using drag and drop. At that time we used raster files, but with vector SVG files, everything happens the same way.

There are many websites with free SVG icons. They are convenient because they allow you to search by keywords. Here we cannot do without knowledge of the English language or Google Translate. And here is our list:

  • The Noun Project — 3 000 000+ (yes, over 3 million) free icons with convenient search. Many ready-made sets on themes.
  • Font Awesome — 1600+ free icons in one style with a categorizer.
  • Cursor.in — a tiny site with a collection of all MacOs cursors.
The Noun Project
Font Awesome
Cursors In

To download an icon from The Noun Project, use the search bar. For example, I entered the keyword energy and pressed Enter. A list of icons will load. Select the one you like. On the opened page, you need to click the Get this icon. button. Next, choose Basic Download, then Continue. Now click the SVG. button. The icon will be downloaded.

Export to SVG

To export the icon to an SVG file, it needs to be prepared in advance:

  1. Create an empty frame and insert the object inside. There can be several. The dimensions of the frames for icons are usually multiples of 8 pixels. Suitable sizes include: 16x16, 24x24, 32x32, etc. If the icon does not fit, reduce its size.
  2. Center the icon within the frame. Ensure that the vertical and horizontal margins are even.
  3. Convert all strokes to paths.
  4. Recolor all elements to black. The thing is, developers may recolor the icons if necessary.

Now everything is ready. We just need to perform the export:

  1. Select the frame with the icon.
  2. In the right panel, click on the plus sign next to the Export section (it’s the last one).
  3. In the dropdown menu, change the format to SVG.

Homework

From now on, this course is designed for independent study and completing homework assignments. I understand that some tasks may be challenging for you.

For additional support, use the chat on Telegram. Here, you can ask questions related to the lessons or view examples of correct completion from other students.

The chat is not available for citizens of Russia.

  1. Redraw 8 icons from the image below (theme is public catering, there are a total of 24 icons for you to choose from). Use all the tools you know, as well as the Pen tool we learned in this lesson.
  2. Advanced difficulty task. Completion is optional. Choose 4 icons, simplify them (reduce the number of elements), and make the stroke thicker.
  3. Prepare all the drawn icons and export them in Svg format into two separate folders (light, regular – for thick ones). Make sure the icons have clear names. Place the two folders in a zip archive. Learn to archive files on your own if you don't know how.
Icons for Drawing

Conclusions

In this lesson, you got acquainted with advanced techniques for working with curves. By combining this knowledge with Boolean operations, you can draw icons and illustrations of any complexity. But this is more the specialization of a graphic designer. It is important for us to learn how to edit icons and adjust them to the desired style.

I want to congratulate you on completing the course! If you had homework checks, please message me on Instagram so I can create a personal certificate of successful completion for you.

Take quiz

To pass the lesson and check your knowledge, you need to correctly answer 80% of the questions from the quiz. To do so, you need to login and enroll to the course or signup, if you haven't done so yet.

Take quiz

Continue learning

Leave a comment

Place the handle into the purple zone

Comments

скажена черепашкаUkraine flag підтримує ЗСУ 12 March 2024 16:42  
Добрий день! Дякую авторці за цей проєкт! Нечасто можна побачити курси, де матеріал максимально з любов'ю поданий, а ставлення до кожного учня - персональне. Моя домашка -

https://www.figma.com/file/nvSYfkq63m2kn0QDaZHriK/%D0%9D%D0%B0%D0%B2%D1%87%D0%B0%D0%BD%D0%BD%D1%8F-%D1%83-Frusia.Pro?type=design&node-id=323%3A4&mode=design&t=Lc4UjEUF4k1vMOqH-1

Коментар frusia.pro:

Стосовно завдань – відповіла у файлі. А взагалі вітаю вас із завершенням курсу. Ви велика молодець, що дійшли до кінця та сумлінно виконували усі завдання. Бажаю, щоб отримані знання конвертувались у корисні навички та майбутню професію!

ОксанаUkraine flag підтримує ЗСУ 29 October 2023 14:04  
Дуже вдячна Любі за цей курс!
Всі матеріали викладені дуже доступно, навіть для новачка, який ще зовсім недавно нічого не знав про Фігму) Перевірка завдань дуже ретельна, Люба не пропускає навіть маленької дрібнички, і за це їй окрема подяка, бо саме на власних помилках ми і вчимось!
З нетерпінням чекаю початку менторського курсу. А всім, хто давно мріє зробити перші кроки в оволодінні цією професією, дуже раджу пройти цей курс;)
Анна23 June 2023 18:14  
Неймовірно Вам вдячна за цей курс, це допомогло мені насправді опанувати фігму, виявилося що дуууууже багато не знала, хоча, здавалося, що доволі нормально нею володію)) Дякую!!!
Варвара Ukraine flag підтримує ЗСУ 31 March 2023 16:45  
Добрий день) Курс був надзвичайно цікавим та прекрасним як для повних початківців, так і для досвідчених дизайнерів, дякую!)
https://www.figma.com/file/Dy1fUf6L4DZSfVxQCFVSvm/UX%2FUI-Frusia-2?node-id=442%3A2&t=TOWtaVniQPpZpbHD-1

Коментар frusia.pro:

Добрий день, вибачте за затримку. Все гарно відмальовані в плані деталей, лінії чіткі. Але я так розумію через масштабування візуально змінилась товщина. Можливо, якщо привести іконки до одного розміру буде більш схоже до оригіналу. Але це не обовʼязково.

Вікторія ГрищенкоUkraine flag підтримує ЗСУ 19 October 2022 23:03  
Усе виправила.
https://www.figma.com/file/b2yUlHgEf6V2SHcZePFVHX/%D0%A3%D1%80%D0%BE%D0%BA-10?node-id=0%3A1

Коментар frusia.pro:

Тепер все чудово. Напишіть мені будь ласка в особисті повідомлення в інстаграмі своє прізвище та імʼя англійською мовою, щоб я могла згенерувати для вас сертифікат про завершення курсу.

Вікторія ГрищенкоUkraine flag підтримує ЗСУ 17 October 2022 19:25  
Добрий вечір! Дякую за урок, трошки важко було робити рівні кола, але я старалась)
І дякую Вам за чудовий курс, навіть шкода, що це останній урок!

https://www.figma.com/file/b2yUlHgEf6V2SHcZePFVHX/%D0%A3%D1%80%D0%BE%D0%BA-10?node-id=0%3A1

Коментар frusia.pro:

Добрий вечір. Я залишила у вашому файлі кілька коментарів, до іконок, які потрібно виправити.

Yuliya LepenkoUkraine flag підтримує ЗСУ 2 October 2022 22:48  
Вітаю:)
Дякую за зворотній зв'язок. Виправила і додала скрін архіву)

https://www.figma.com/file/I08T3W8u2GI3NE21Xv5DTd/HW7?node-id=54%3A2

Коментар frusia.pro:

Тепер все чудово. Вітаю із завершенням курсу! Напишіть мені будь ласка в дірект інстаграму точне імʼя та прізвище англійською мовою, щоб я згенерила для вас персональний сертифікат

Yuliya LepenkoUkraine flag підтримує ЗСУ 1 October 2022 13:23  
Добрий день:)

https://www.figma.com/file/I08T3W8u2GI3NE21Xv5DTd/HW7?node-id=54%3A2

Коментар frusia.pro:

Добрий день!

Завдання 1. Перемалювати 8 іконок. Бачу якісно виконану роботу, усі лінії одної товщини, іконки вийшли дуже схожі.

Завдання 2. Спростити 4 іконки. Тут також все супер, але маю зауваження до іконки з коктейлями. Зверніть увагу, на лінії де лимон дотичний до склянки. Чомусь там лінії значно товстіші, а треба щоб були однакові. По решті іконок все ідеально, бачу що ви значно спростили фігури, молодець!

Завдання 3. Експортувати іконки та заархівувати їх. Бачу імпортовані фігурки, сподіваюсь, що ви навчились архівувати файли.

Чекаю на виправлення до другого завдання

БогданаUkraine flag підтримує ЗСУ 6 August 2022 15:53  
Люба, вітаю)
Надсилаю останнє дз і аж прикро дуже, що це все) Дуже сподобалась Ваша подача матеріалу: легко, просто і доступно! Величезна Вам дяка за крутий курс ♥

Завдання 1-2 https://www.figma.com/file/R2GcgT9WcgRm1jolF5lBA9/%D0%B4%D0%B7?node-id=310%3A24
Завдання 3 https://fex.net/uk/s/61fmbpv

Маю надію, що все зрозуміла і виконала правильно))
Мирного Вам дня!

Коментар frusia.pro:

Добрий вечір! Дякую за відгук Дуже рада, що вам сподобалось!

Завдання 1. Перемалювати 8 іконок. Перемальовано дуже добре, з увагою до деталей. Вийшло дуже схоже, зауважень не маю, молодець!

Завдання 2. Спростити 4 іконки. Також чудова робота, іконки значно спрощені та перемальовані з нуля.

Завдання 3. Експортувати іконки та заархівувати їх. Це ви цікаво придумали завантажити архів на файловий хостинг! Все зроблено правильно.

Всі завдання виконано ідеально. Хочу привітати вас з успішним завершенням курсу! Будь ласка, напишіть мені в Інстаграм, щоб я вислала вам персональний сертифікат про завершення навчання

ІннаUkraine flag підтримує ЗСУ 2 August 2022 14:21  
Добрий день, надсилаю виконане останнє домашнє завдання, сподіваюсь повністю його зрозуміла правильно.
https://www.figma.com/file/64JKPVUTx2IaYWFm7ljBPh/Lesson-10?node-id=21%3A3
Дуже дякую вам за курс!

Коментар frusia.pro:

Добрий вечір!

Завдання 1. Перемалювати 8 іконок. Відмальовано ідеально, молодець! Не маю жодного зауваження. Все дуже якісно зроблено.

Завдання 2. Спростити 4 іконки. Ви все зрозуміли правильно, іконки дійсно вийшли набагато простішими, що дуже добре. Щоб це зробити, вам довелось повністю перемалювати іконки з нуля. Це завдання також виконано ідеально

Ви чудово попрацювали та гарно розібрались у роботі з кривими. Вітаю з успішним завершенням курсу! Будь ласка, напишіть мені в Інстаграм, щоб я вислала вам сертифікат

Yana UsachovaUkraine flag підтримує ЗСУ 25 July 2022 12:02  
Доброго дня, дякую за зауваження, дійсно краще вийшло
https://www.figma.com/file/CsAIYtJ3wR2M7HkAiYOWYs/hw10?node-id=0%3A1

Коментар frusia.pro:

Добрий вечір! Тепер з іконками все добре. Хочу привітати вас з успішним завершенням курсу! Будь ласка, напишіть мені в Інстаграм, щоб я відправила ваш персональний сертифікат про навчання

Yana UsachovaUkraine flag підтримує ЗСУ 20 July 2022 15:22  
Доброго вечора, це завдання з зірочкою, намагалася виконати вірно, але не впевнена. Я вірно зрозуміла, що єкспортую архівом, а розширення вибіраю SVG? Ци знов стратила. щіро дякую за можливість навчатися у вас
https://www.figma.com/file/CsAIYtJ3wR2M7HkAiYOWYs/hw10?node-id=5%3A271

Коментар frusia.pro:

Добрий день! Будь ласка, рада, що ви у мене навчаєтесь

З приводу вашого питання про архів. Ви експортуєте кожну іконку окремо в форматі Svg. А потім окремо створюєте дві папки і копіюєте іконки туди. Далі обидві папки архівуєте в zip-формат.

Завдання 1. Перемалювати 8 іконок. Бачу 8 іконок, чудовий початок. Давайте спробуємо їх трохи покращити:

  • Іконка праворуч з кухарем чомусь трохи сплюснута по вертикалі. Спробуйте її витягнути. Також бачу там неакуратні лінії в районі шиї;
  • у іконки ліворуч зверху є потовщення лінії, де піднос дотичний до столу, треба просто піднос трохи опустити вниз;

Завдання 2. Спростити 4 іконки. Спробуйте забрати зайві лінії та трохи спростити іконки. Зараз виходить трохи наліплено з цією товщиною.

Записала коротке відео по кожному завданню:
https://drive.google.com/uc?id=1DQB33T8G7qnMTc6LRciDTF5ERXfDE9hN

Чекаю на правки, якщо щось неясно, то питайте

Марія СUkraine flag підтримує ЗСУ 15 July 2022 02:40  
Дякую за курс!
https://www.figma.com/file/KXxNpsgzpmmuVJYq0UI7dX/10-%D1%83%D1%80%D0%BE%D0%BA?node-id=0%3A1

Коментар frusia.pro:

Добрий вечір! Будь ласка

Завдання 1. Перемалювати 8 іконок. Чудова робота, всі іконки дуже схожі, а що саме головне ви використали правильні інструменти: де потрібно криві, де простіше еліпс і прямокутник. Ви дуже добре розібрались, молодець!

Завдання 3. Експортувати і заархівувати іконки. Бачу окрему групу з тими ж іконками, наскільки я зрозуміла ви імпортували назад Svg-файли, які були попередньо заархівовані. Зараховується.

Хочу привітати вас з успішним закінченням курсу! Ви дуже добре попрацювали! Будь ласка, напишіть мені в Інстаграм, щоб я вислала вам сертифікат про успішне завершення навчання

АннаUkraine flag підтримує ЗСУ 12 July 2022 16:26  
https://www.figma.com/file/XDju3svBJ3V23P7LRbDmc4/10-%D1%83%D1%80%D0%BE%D0%BA?node-id=13%3A356

вправила,дякую

Коментар frusia.pro:

Добрий вечір! Тепер все супер, вітаю вас з успішним завершенням курсу! Напишіть мені, будь ласка, в Інстаграм, щоб я відправила ваш персональний сертифікат

АннаUkraine flag підтримує ЗСУ 9 July 2022 21:48  
https://www.figma.com/file/XDju3svBJ3V23P7LRbDmc4/10-%D1%83%D1%80%D0%BE%D0%BA?node-id=12%3A221

Дякую!

Коментар frusia.pro:

Привіт!

Завдання 1. Перемалювати 8 іконок. Чудово попрацювали, маю лише одне маленьке зауваження. Перша і третя іконки зліва зверху у місцях, де лимон дотичний до склянки є значне потовщення лінії, треба виправити (усі лінії мають бути однакової товщини). По решті ідеально.

Завдання 2. Спростити іконки та зробити товстішими лінії. Також дуже добре. По другій зліва іконці є зауваження. Там є повністю залиті елементи, які не відповідають стилістиці, їх потрібно видалити.

Чекаю на виправлення

Ірина С.Ukraine flag підтримує ЗСУ 5 July 2022 16:05  
Добрий день! Надсилаю дз до 10 уроку.
https://www.figma.com/file/7zRqFmpZEPGBVXcAwmoyXy/Homework_10

Коментар frusia.pro:

Добрий день!

Завдання 1. Перемалювати іконки. Дуже добре. Єдине, що можна покращити, це замінити фігури, що схожі на кола еліпсами, а не відмальовувати їх з нуля.

Завдання 2. Спростити іконки. Бачу, що лінії стали товстіше, а деталей менше. Все супер.

Чудова робота, вітаю із закінченням курсу! Будь ласка, напишіть мені в Інстаграм, щоб я вам відправила сертифікат

Люба Фурсеєва29 June 2022 20:42  
Владислава, дякую за відгук! Рада, що вам сподобалось
Владислава29 June 2022 15:11  
Велике дякую за такий курс! Зроблений майстерно і з любов'ю. Вдячна!
Люба Фурсеєва26 June 2022 20:54  
Катерина, будь ласка! Дякую за відгук і вітаю з успішним завершенням курсу!
КатеринаUkraine flag підтримує ЗСУ 25 June 2022 23:13  
Спасибо за ваш курс!)
Все задания и уроки очень качественно и познавательно сделаны, а главное - простым языком))
КатеринаUkraine flag підтримує ЗСУ 23 June 2022 19:34  
Добрый вечер!

https://www.figma.com/file/r1faw1qKIosOlIaxbw9np0/%D0%BE%D0%B1%D1%83%D1%87?node-id=386%3A2

Коментар frusia.pro:

Добрий вечір!

Завдання 1. Перемалювати 8 іконок. Все добре, бачу 8 іконок однакової товщини. Є лише проблема з другою іконкою праворуч внизу, там де бокал з коктейлем і страва. Зверніть увагу, що між підносом і кришкою дуже товста горизонтальна лінія. Треба, що товщина була однакова для всіх ліній іконки.

Завдання 3. Експортувати і заархівувати іконки. Чи вдалось вам навчитись створювати zip-архіви самостійно?

Чекаю на виправлення до першого завдання

Люба Фурсеєва17 May 2022 23:05  
Андрій Дьяченко, дякую за відгук.
Андрей Дьяченко17 May 2022 22:07  
Спасибо за урок, Люба!!! Немного освоил кривые, которых раньше боялся)) Прошёл все ваши уроки, научился многим новым вещам. Спасибо вам огромное за ваш опыт и труд, который вы вложили в этот замечательный курс! Вы лучшая!!!!
Люба Фурсеєва23 April 2022 14:51  
Ірина, привіт. Є спеціальний плагін для Figma.
Лишаю посилання https://www.figma.com/community/plugin/915785576743284465/Variable-Width-Stroke
Ирина23 February 2022 18:33  
Здравствуйте! Крутой урок, спасибо огромное, не знала многих фишек. Скажите, а есть ли такая возможность в фигме, чтобы кончик линии был тонкий, а сама линия толще?
Люба Фурсеева21 January 2022 18:23  
Полина, спасибо за отзыв!
Полина14 December 2021 21:09  
Спасибо за очень интересный урок! Наконец-то освоила данный инструмент и не боюсь им работать.
Все навыки и опыт благодаря вам. Спасибо большое за ваш труд и опыт!
Люба Фурсеева1 December 2021 12:12  
Sea, пожалуйста
Полина, надеюсь будет понятно, пробуйте
Полина1 December 2021 11:11  
Очень ждала урок по кривым, теперь работа значительно упростится и можно будет довести до совершенства предыдущие работы.
Sea28 November 2021 12:01  
Привет!
Хочу сказать вам спасибо за проделанную работу, все на высшем уровне.
Красиво, коротко и понятно, что еще надо)

To start learning, take tests and track progress, you need to enroll in the course. It's free.