Figma
Спільне проєктування інтерфейсів, компоненти й інтерактивні прототипи. Є безкоштовний Starter із обмеженнями.
Про ресурс
Penpot призначений для проєктування інтерфейсів, інтерактивних прототипів і дизайн-систем. Платформа має відкритий код та працює з вебстандартами, зокрема SVG і CSS. Вона буде цікавою дизайнерам і розробникам, яким важливо узгоджувати макети та майбутню реалізацію в одному процесі. У Penpot можна працювати з векторними елементами, компонентами, спільними бібліотеками й дизайн-токенами. Для компонування передбачені CSS Grid і Flex. Це допомагає продумувати правила поведінки інтерфейсу, а не тільки розкладати елементи на одному фіксованому полотні. Для знайомства варто зібрати кілька пов’язаних екранів: визначити стилі тексту, основні кольори, кнопки та повторювані компоненти. Потім перевірити переходи у прототипі й обговорити структуру з розробником. Такий невеликий проєкт краще показує можливості інструмента, ніж окремий декоративний екран. Хмарний план Professional безкоштовний та включає основні інструменти дизайну. Водночас існують обмеження щодо зберігання, складу команди та історії версій. Платні плани розширюють можливості співпраці й адміністрування. Самостійне розгортання також доступне, але власний сервер і його підтримка можуть потребувати витрат. Код Penpot поширюється за MPL-2.0. Ця ліцензія стосується програмного забезпечення, а не автоматично всіх сторонніх шаблонів або зображень. Додаючи матеріали у проєкт, перевіряйте їхні умови окремо; перед передаванням макета уточнюйте формат і потреби команди.
Використання та ліцензія
Відкрите ПЗ за MPL-2.0. Безкоштовний Professional має хмарні ліміти; розширені тарифи платні. Самостійне розгортання може мати інфраструктурні витрати. Ліцензії сторонніх матеріалів окремі.
Перед використанням перевірте актуальні умови на сайті автора.Схожі ресурси
Webflow
Візуальна платформа для створення адаптивних сайтів. Безкоштовний Starter підходить для навчання й невеликих тестових сторінок.
Cursor Lab — налаштування курсорів для вебсайтів
Безкоштовна майстерня з 28 курсорами для вебсайтів, живим налаштуванням параметрів і копіюванням коду JavaScript, React та CSS.